共计 571 个字符，预计需要花费 2 分钟才能阅读完成。
预期成果
如图所示，鼠标 hover 在不同的柱体时展现不同的信息
实现
| option = {legend: {}, | |
| tooltip: { | |
| // 将 trigger 设置为 item | |
| trigger: 'item', | |
| // 将在 formatter 中设置 hover 成果 | |
| formatter: function (params) {console.log(params); | |
| return params.name; | |
| }, | |
| }, | |
| dataset: { | |
| source: [['product', '2015', '2016', '2017'\], | |
| ['Matcha Latte', 43.3, 85.8, 93.7\], | |
| ['Milk Tea', 83.1, 73.4, 55.1\], | |
| ['Cheese Cocoa', 86.4, 65.2, 82.5\], | |
| ['Walnut Brownie', 72.4, 53.9, 39.1\], | |
| ], | |
| }, | |
| xAxis: {type: 'category'}, | |
| yAxis: {}, | |
| series: [{type: 'bar'}, {type: 'bar'}, {type: 'bar'}], | |
| }; |
当 tooltip.trigger 值为 item，hover 时，formatter 的 params 将是单个柱体的信息
当 tooltip.trigger 值为 axis，hover 时，formatter 的 params 为一个数组，失去是多个柱状信息
正文完
