问题描述
Highstock 图表在悬停数据点上显示双线以显示工具提示，这些提示应该是单一的并且应该是同步的。
AS 可以检查食物（链接在下面和快照中共享）悬停线是双线并且有点不同步。在系列第二个对象（2end 系列）中，如果我们将 xaxis 设置为 0 或将其删除，则此问题会消失，但 xaxis 标签也会被删除。我需要 xaxis 标签和悬停时的单行。
https://jsfiddle.net/akt6284m/2/
代码：
Highcharts.stockChart('container',{
series: [
{
"type":"areaspline","color":"rgba(87,169,222,0.8)","data":[
{
"y":0,"x":1608737040000,},{
"y":0,"x":1608737100000,{
"y":2,"x":1608737160000,"x":1608737220000,"x":1608737280000,"x":1608737340000,"x":1608737400000,....
]
},{
"type":"column","groupPadding":0,"showInLegend":false,"yAxis":1,"xAxis":1,"data":[
{
"y":1,"color":"#02DE27",{
"y":1,"color":"#FF3635","x":1608737460000,....
],"label":{
"format":""
}
},{
"type":"scatter","data":[
[
1608737160000,0
],[
1608738060000,0
]
],"color":"#FF3635"
}
],yAxis: [{
height: '50%'
},{
height: '50%',top: '50%'
}],xAxis: [{
tickLength: 0,linewidth: 1,labels: {
enabled: false
},height: '50%'
},{
top: '50%',height: '50%',}]
});
请如果有人能帮我解决这个问题。
解决方法
默认情况下，列系列对 xAxis 具有不同的填充。尝试将此配置用于分配给线系列的 xAxis。
xAxis: [{
minPadding: 0.021,maxPadding: 0.021,labels: {
enabled: false
},height: '50%'
},{
top: '50%',height: '50%',}]