如图:鼠标Hover信息不仅为Y轴的数据“问题数“,更需要提示额外的数据总量,作用字段。
废话不多说,上代码:在封装series时,选择将问题总数:dataTotal和作用字段和dataFiled选择与Y轴数据data相同的方式传入。
在tooltip中设置函数:
formatter:
function (params, ticket, callback) {
var seriesName = params.seriesName;
var datas = option.series[params.componentIndex];
var dataTotal = datas.dataTotal[params.dataIndex];
var filed = datas.dataFiled[params.dataIndex];
return seriesName +'<br>问题数 '+ params.value+'<br>数据总量 ' +dataTotal+'<br>作用字段 ' +filed;
}
可惜params中拿不到对应的dataTotal和dataFiled,但可以通过params.componentIndex获取当前data所在series的下标,继续params.dataIndex是hover的点再data中的下标。所以,就可以拿到所有想要的数据啦。!