Echarts图形-扩展属性：图例样式，只保留线不显示点（折线图）

(本文档仅供参考)

问题

如何修改图例样式，只保留线不显示点

解决方案

可以使用扩展属性实现

{
"legend": {
"show": true,
"icon": "line"
}
}

效果如下：

若使用联合图，一个是柱图，一个是线图，只修改线图图例样式为横线可参考如下扩展属性：

{
    "legend": [{
        "itemWidth": 12,
        "itemHeight": 12,
        "show": true,
        "top": 5, //调整位置
        "left": '38%',
        "data": [{
            "name": 'value',//值修改为对应的字段名称
            "icon": 'rect'
        }]
    }, {
        "itemWidth": 12,
        "itemHeight": 2,
        "top": 5, //调整位置
        "right": '38%',
        "show": true,
        "data": [{
            "name": 'value2',//值修改为对应的字段名称
            "icon": 'line'
        }]
    }]
}

实现效果如下：

仪表盘中实现可参考：

页面树结构

问题

解决方案

评论

刘晓敏发表：

关注我们

服务支持

页面树结构

Echarts图形-扩展属性：图例样式，只保留线不显示点（折线图）

问题

解决方案

评论

刘晓敏 发表：

刘晓敏发表：