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

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

需求

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

原效果图:

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

思路

1)新建客户端宏

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


function main(chartView) {
    var chart = chartView.getChartObject();
    var option = chart.getOptions();
    var data = option.legend.data;
    option.legend.data = data.slice(0,9);  //从所有图例中截取部分作为新图例,0,20表示从第1个图例开始,截取到第20个;若是看不到20个图例,是因为有数字相同的被合并了
}