Line

Line chart component used to represent continuous data.

Scenes to be used

Historical trends in corporate sales.
Population growth curve.

Example

{
    "income_line chart": {
        "bind": "income",
        "link": "/x/Table/pet",
        "view": {
            "type": "Line",
            "props": {
                "cardStyle": { "padding": 0 },
                "type": "line",
                "chartHeight": 120,
                "prefix": "¥",
                "decimals": 2,
                "nameKey": "date",
                "valueKey": "value"
            }
        }
    }
}

Props

export interface IProps {
    name: string
    height: number
    x_key: string
    vertical: boolean
    textLength: number
    textWrap: boolean
    hide_label?: boolean
}

API

Properties	Description	Type	Default	Required
name	data key	string	-	yes
height	height	string	-	yes
x_key	abscissa key	string	-	yes
vertical	whether to display vertically	string	-	no
textLength	text length limit	string	-	no
textWrap	Whether the text exceeds the length to wrap	string	-	No
hide_label	hide title	string	-	no

For more properties, see Echarts Line

Edit this page on Github

Doc Components Blog Examples Release Contact

Line

Line chart component used to represent continuous data.

Scenes to be used

Historical trends in corporate sales.
Population growth curve.

Example

{
    "income_line chart": {
        "bind": "income",
        "link": "/x/Table/pet",
        "view": {
            "type": "Line",
            "props": {
                "cardStyle": { "padding": 0 },
                "type": "line",
                "chartHeight": 120,
                "prefix": "¥",
                "decimals": 2,
                "nameKey": "date",
                "valueKey": "value"
            }
        }
    }
}

Props

export interface IProps {
    name: string
    height: number
    x_key: string
    vertical: boolean
    textLength: number
    textWrap: boolean
    hide_label?: boolean
}

API

Properties	Description	Type	Default	Required
name	data key	string	-	yes
height	height	string	-	yes
x_key	abscissa key	string	-	yes
vertical	whether to display vertically	string	-	no
textLength	text length limit	string	-	no
textWrap	Whether the text exceeds the length to wrap	string	-	No
hide_label	hide title	string	-	no

For more properties, see Echarts Line

Edit this page on Github

English