(本文档仅供参考)

问题

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


解决方案

可以使用扩展属性实现

{
     "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'
        }]
    }]
}

实现效果如下:

仪表盘中实现可参考: