SMARTCHART图形简单联动


简单的实现方式

要实现图形的联动效果, 首先我们得需要图形之间的数据的维度至少有一个维度是相同的

//首先我们假设有一个这样的数据集:
[
 ['product', 'A', 'B', 'C', 'D', 'E', 'F'],
 ['2017', 41.1, 30.4, 65.1, 53.3, 83.8, 98.7],
 ['2018', 86.5, 92.1, 85.7, 83.1, 73.4, 55.1],
 ['2019', 24.1, 67.2, 79.5, 86.4, 65.2, 82.5],
 ['2020', 55.2, 67.1, 69.2, 72.4, 53.9, 39.1]
            ]

然后只需要在dashbardboard中做如下设定, 将需要联动的图形放在同一个GROUP就可以了:

效果如下: 选择时可以同时显示tips(x轴维度)

系列选择时高亮, 筛选时联动