Javascript highstock双轴工具提示放置
我有一个有两个y轴的高股价图——一个显示面积图,下面是柱状图 我正在努力实现两件事(我知道这两件事都是可能的,只是不知道怎么做)Javascript highstock双轴工具提示放置,javascript,highcharts,tooltip,highstock,Javascript,Highcharts,Tooltip,Highstock,我有一个有两个y轴的高股价图——一个显示面积图,下面是柱状图 我正在努力实现两件事(我知道这两件事都是可能的,只是不知道怎么做) 只有一个工具提示,而不是当前显示的3个 让该工具提示跟随光标-或者按如下方式跟踪光标 它在屏幕上移动,或仅出现在显示的图表上 悬停在上方(实际上,图表将大于 代码打开并要求滚动页面) 谢谢你的帮助 $cumulative_chart = Highcharts.stockChart('container', { chart: { type: 'a
$cumulative_chart = Highcharts.stockChart('container', {
chart: {
type: 'area',
height: 500
},
plotOptions: {
series: {
//stacking: 'normal',
dataGrouping: {
units: [[
'day',
[1]
], [
'month',
[1, 3, 6]
], [
'year',
null
]]
}
}
},
yAxis: [{
height: '50%'
}, {
top: '65%',
height: '50%',
offset: 0
}],
xAxis: {
offset: 100
},
credits: {
enabled: false
},
tooltip: {
enabled: true,
shared: true
},
series: [{
type: 'area',
data: [[1512086400000, 10626],[1512172800000, 21634],[1512259200000, 34994],[1512345600000, 51400],[1512432000000, 68430]],
stack: 0,
name: 'chart A',
id: 'area'
},
{
type: 'column',
data: [[1512086400000, 10626],[1512172800000, 11008],[1512259200000, 13360],[1512345600000, 16406],[1512432000000, 17030]],
stack: 1,
name: 'chart B',
yAxis: 1,
id: 'column',
showInLegend: false
}]
});
codepen:您正在寻找的选项是在工具提示中添加
split:false
。这会导致工具提示围绕一个图形居中,而不是在highstock图表中的所有图形上悬停
发现了一把正在工作的小提琴
您可以在中找到更多信息,我不完全确定,但我认为在工具提示中添加
split:false
将解决大部分问题!我完全错过了这个。这就解决了问题。