示例仅供参考,若是实际场景和示例需求场景有所差别,有可能需要自行调整宏代码。
需求
图形的分类比较多,因此若是显示图例的时候,图例也会成片的,这样的效果不大好,这时候可以通过设置部分图例来展示图例。
原效果图:
设置后的效果,比如说设置只显示10个图例:
思路
1)新建客户端宏
2)宏代码如下,显示部分图例
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