为 Highcharts 多条曲线设置不同鼠标悬停显示格式(单位)

做了两条曲线 (同x轴, 双y轴), 可是显示的格式是相同的, 找了好久没找到明确的解决办法, 找到了显示的源头, 才想到从那入手, 这里简单记个笔记.

1. 首先是双 y 轴的坐标轴单位的设置, 其实很简单, 就是一个标签 lables :

2. 然后是设置对应的数据

3. 最后就是设置鼠标显示单位, 鼠标放在数据点上显示的数据格式:

Highcharts.Chart曲线图取消图内自动生成的直线：在 yAxis下增加，属性就可以完成 gridLineWidth:'0px', 设置宽度为0即可。

针对网格线的设置主要就是几个属性：

1、gridLineColor ：网格线颜色值，默认为#C0C0C0；

2、gridLineDashStyle ：网格线样式，默认为solid实线；

3、gridLineWidth：网格线宽度，默认为0；

设置横向的网格线，需要设置yAxis，设置纵向网格线的时候需要设置xAxis节点。

可以，可以设置每个点上显示该点的值，设置方法如下：

plotOptions: {

line: {

dataLabels: {

enabled: true

},

}

},

---