我有一个包含多个系列的高股价图,每个系列都有它自己的工具提示(共享:假),鼠标悬停后,一个标 checkout 现在x轴上,如何获得它?
{
xAxis: {
crosshair: false
},
tooltip: {
useHTML: true,
shadow: false,
borderRadius: 0,
borderColor: "transparent",
backgroundColor: "transparent",
borderWidth: 0,
},
plotOptions: {
series: {
turboThreshold: 0,
},
states: {
hover: {
enabled: false,
},
},
},
series: [ {
type: "line",
name: series[0].name,
data: [...],
color: series[0].color,
tooltip: {
pointFormatter() {
return `<span>tooltip1:xxx</span>`;
},
},
},
{
type: "line",
data: [...],
name: series[1].name,
color: series[1].color,
pointFormatter() {
return `<span>tooltip1:xxx</span>`;
},
}],
}
在这里我把我的意思和图片的一个例子:js fiddle
的所有数据
1条答案
按热度按时间9o685dep1#
来自Highcharts API:
split:布尔值从5.0.0开始
将工具提示拆分为每个系列一个标签,标题靠近轴。对于具有多个折线系列的图表,建议使用此选项而不是共享工具提示,这样通常更易于阅读。此选项优先于tooltip.shared。
要去掉标头,请将
headerFormat
设置为空字符串。现场演示:https://jsfiddle.net/BlackLabel/bc467dmo/
API引用:https://api.highcharts.com/highstock/tooltip.headerFormat