Highcharts tooltip显示多条线的信息
直接上代码吧,简单粗暴点:
tooltip: { shared: true, valueSuffix: '分', formatter: function () { let s = ""; $.each(this.points, function (i, v) { s += '<span style="font-weight:bold;color:#7a85a2;display: block;">类型:'+v.point.paperType+' 成绩:'+v.point.y+'分</span> '; }); return s; }, useHTML: true },
还有一点要注意,y轴数据必须要是数字类型:
let s = { id: data[i][j].id, y: Number(data[i][j].score, CreateTimeStr: Login_common.formatDate(data[i][j].createTime).substring(0,10), paperType: data[i][j].paperType };
作者:罗知晏 出处: https://www.cnblogs.com/kakayang/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。如果觉得还有帮助的话,可以点一下右下角的【推荐】。