Line 折线图

折线图组件，用来表示连续性的数据。

使用场景

企业销售额历史趋势。
人口增长曲线。

示例

{
    "收入_折线图": {
        "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

属性	说明	类型	默认值	必填
name	数据 key	string	-	是
height	高度	string	-	是
x_key	横坐标 key	string	-	是
vertical	是否纵向显示	string	-	否
textLength	文字长度限制	string	-	否
textWrap	文字超过长度是否换行	string	-	否
hide_label	隐藏标题	string	-	否

更多属性见 Echarts Line

文档组件博客例子发行版合作联系

Line 折线图

折线图组件，用来表示连续性的数据。

使用场景

企业销售额历史趋势。
人口增长曲线。

示例

{
    "收入_折线图": {
        "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

属性	说明	类型	默认值	必填
name	数据 key	string	-	是
height	高度	string	-	是
x_key	横坐标 key	string	-	是
vertical	是否纵向显示	string	-	否
textLength	文字长度限制	string	-	否
textWrap	文字超过长度是否换行	string	-	否
hide_label	隐藏标题	string	-	否

更多属性见 Echarts Line

简体中文