页面树结构
转至元数据结尾
转至元数据起始

该宏示例在 V10.5上 验证通过

提示:本文档的示例代码仅适用于本文档中的示例报表/场景。若实际报表/场景与示例代码无法完全适配(如使用功能不一致,或多个宏代码冲突等),需根据实际需求开发代码。

示例仅供参考,若是实际场景和示例需求场景有所差别,有可能需要自行调整宏代码。

需求

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

原效果图:

设置后的效果,比如说设置只显示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