将值传递给 y 轴系列,如下所示:
this.chartOptions = {
series: [
{
type: 'line',
data: [
[0,38.6],
[0,49.8],
[1,39.2],
[1,41.1],
[1,46.6],
[2,44]
],
color: '#004191',
showInLegend: false,
name: 'price',
threshold: 40,
negativeColor: '#F34336',
marker: {
enabled: true,
radius: 3,
symbol: 'circle',
},
},
],
title: {
text: '',
},
xAxis: {
title: {
text: 'Days',
},
categories: ["16-Jan", "15-Jan", "14-Jan"],
},
yAxis: {
title: {
text: 'price',
},
gridLineWidth: 1,
min: 10,
max: 100,
tickPixelInterval: 35,
},
exporting: {
enabled: false,
showTable: false,
buttons: {
contextButton: {
menuItems: ['downloadPDF'],
},
},
},
credits: {
enabled: false,
},
};
但问题是多个值在视图中呈现,但当鼠标悬停在特定值上时,这些值不会显示在工具提示中。
案例:当我将鼠标悬停在49.8上时,它会显示工具提示,但不会显示38.6。尽管它们属于 y 轴的第一个系列。
需求:
附加 stackblitz ref
通过我在这里看到的例子:
您可以添加一个新的整个系列,其中包含您想要查看的数据点,但只需使该系列不可见即可。
仅显示附加工具提示数据,如下所示(对于 rtMode 和 initMode 等肯定有用): https://www.highcharts.com/forum/viewtopic.php?t=48914#:~:text=https%3A//jsfiddle.net/BlackLabel/e7yuga5d/
我认为主要问题是,在 HighCharts 中,您可以显示位于同一 x 值上的多个 y 值但不在同一系列中。
很抱歉我找不到更多。我希望这可能有所帮助。 也许这不起作用,HighCharts 希望您只看到一个点: