Highcharts tooltip显示多条线的信息
2024-09-12 00:48:37
直接上代码吧,简单粗暴点:
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
};
最新文章
- UWP开发之Mvvmlight实践七:如何查找设备(Mobile模拟器、实体手机、PC)中应用的Log等文件
- C#学习笔记
- sprint 3 总结
- javascript中json解密
- Day09_面向对象第四天
- c#定义一个方法,根据存储过程名称和存储过程参数数组,执行对应的存储过程
- Python中的冒泡排序
- UWP 手绘视频创作工具技术分享系列 - 文字的解析和绘制
- IDEA与Eclipse
- Maven报错Archive for required library:某.jar' in project '项目名'
- 微信小程序自定义组件
- PID控制器开发笔记之一:PID算法原理及基本实现
- C#抽象类与抽象方法--就是类里面定义了函数而函数里面什么都没有做的类
- 一主多从+Binlog Server,主库故障无法访问,如何在从库中选举一个新主库
- 2019年新出现的ocp 062考试原题-2
- HTML01--基础概述
- Google Spanner vs Amazon Aurora: Who’ll Get the Enterprise?
- 通用标签、属性(body属性、路径、格式控制)
- Android 识别身份证号码(图片识别)
- ionic 弹窗(alert, confirm)