Bar Histogram

The bar chart component used to represent data with data depth.

scenes to be used

Average daily visits.
Dietary preferences.

Example

{
    "state distribution": {
        "bind": "datasource_status",
        "view": {
            "type": "Bar",
            "props": {
                "height": 240,
                "nameKey": "status",
                "axisLabel": { "interval": 0, "fontSize": 12 },
                "series": [
                    {
                        "valueKey": "count",
                        "type": "bar",
                        "colorBy": "data",
                        "itemStyle": { "borderRadius": 6 },
                        "splitLine": { "show": false },
                        "axisLabel": { "show": false }
                    }
                ]
            }
        }
    }
}

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 Bar

Edit this page on Github

Doc Components Blog Examples Release Contact

Bar Histogram

The bar chart component used to represent data with data depth.

scenes to be used

Average daily visits.
Dietary preferences.

Example

{
    "state distribution": {
        "bind": "datasource_status",
        "view": {
            "type": "Bar",
            "props": {
                "height": 240,
                "nameKey": "status",
                "axisLabel": { "interval": 0, "fontSize": 12 },
                "series": [
                    {
                        "valueKey": "count",
                        "type": "bar",
                        "colorBy": "data",
                        "itemStyle": { "borderRadius": 6 },
                        "splitLine": { "show": false },
                        "axisLabel": { "show": false }
                    }
                ]
            }
        }
    }
}

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 Bar

Edit this page on Github

English