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

正在查看旧版本。 查看 当前版本.

与当前比较 查看页面历史

« 前一个 版本 3 下一个 »

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

需求

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

原效果图:

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

 

  • 无标签