页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。
注意
示例仅供参考,若是实际场景和示例需求场景有所差别,有可能需要自行调整宏代码。

需求

图形的分类比较多,因此若是显示图例的时候,图例也会成片的,这样的效果不大好,这时候可以通过设置部分图例来展示图例。

原效果图:

设置后的效果,比如说设置只显示10个图例:

思路

1)新建客户端宏

2)宏代码如下,显示部分图例

 

代码块
languagejs
linenumberstrue
function main(chartView) {
    var chart = chartView.getChartObject();//获取echarts图形
    var option = chart.getOptions();
    var data = option.legend.data;//包含产品名称的数组
    //从所有图例中截取部分作为新图例,0,9表示从第1个图例开始,截取到第9个
    option.legend.data = data.slice(0,9);
}

示例资源:显示部分图例.xml

 

面板
borderColor#BBBBBB
bgColor#F0F0F0
borderWidth1
borderStylesolid

目录