Highcharts 悬停选择了错误的线标记

Highcharts 悬停选择了错误的线标记,highcharts,rendering,Highcharts,Rendering,我有一个使用Highcharts的图表,它有一个列范围和一个覆盖列范围的线系列。这是为了显示高/低和平均温度 当您将鼠标悬停在范围图(但不是平均标记)上时,有时可以从另一列中选择平均温度,并突出显示不正确的标记。如果将鼠标悬停在直线标记上,则工具提示中将显示该列的正确数据,并高亮显示正确的标记 如果您将光标悬停在1974上,然后在平均标记上方的列上/下移动,则以下小提琴显示此行为 var i=Highcharts.chart('container'{ 图表:{ 类型:“columnrange”

我有一个使用Highcharts的图表,它有一个列范围和一个覆盖列范围的线系列。这是为了显示高/低和平均温度

当您将鼠标悬停在范围图(但不是平均标记)上时,有时可以从另一列中选择平均温度,并突出显示不正确的标记。如果将鼠标悬停在直线标记上,则工具提示中将显示该列的正确数据,并高亮显示正确的标记

如果您将光标悬停在1974上,然后在平均标记上方的列上/下移动,则以下小提琴显示此行为

var i=Highcharts.chart('container'{
图表:{
类型:“columnrange”,
//倒过来:是的
},
标题:{
案文:“”
},
打印选项:{
列范围:{
数据标签:{
颜色:“银色”,
启用:对,
类名:“smallLabel”,
格式化程序:函数(){
返回parseInt(this.y)+'°;
}
}
}
},
系列:[
{
名称:“温度”,
//点宽:20,
数据:[[3.3 3,20.2 0.2][7.2,11.1,”1.1,15.1,15.1,[0.6,14.4][10.6,14.0 0,”10.6,20.0,”10.6,20.0,[10.6,20.0.0,14.0,[10.6,14.4.0,”10.6,14.4.0,[10.0 0 0 0 0,20.0 0 0 0,[5.0,5.0 0 0 0 0,5.0 0,5.0 0 0,18.0,18.0,5 0 0,18.0,5.0 0,18.0,18.0,[5.0 0,5.0,5.0,5.0 0 0 0,18.0,5.0 0 0 0,5.0,5.0,5.0 0,18.0,[7.0 0 0 0 0 0 0 0 0 0 0 0 0[9]、[2.4,19.5]、[9.2,13.2]、[1.0,15.0]、[0.2,17.8]、[1.0,8.4]、[3.0,15.2]、[2.0,12.0]、[11.0,19.0]、[3.0,19.0]、[0.0,13.0],[3.0,12.0],[14.0,21.0],[7.0,19.0],[6.0,11.0],[-1.0,13.0],[3.0,13.0],[4.0,9.0],[7.0,12.0],[-1.0,9.0],[2.0,20.0],[-1.0,15.0],[6.0,19.0],[9.0,15.0],[2.0,13.0],[6.0,14.0],[6.0,16.0],[-2.0,12.0],[8.0,11.0],[12.0,20.0]]
},
{
名称:“平均”,
键入:“行”,
线宽:1,
国家:{
悬停:{
线宽加号:0
}
},
标记:{
启用:对,
半径:5
},
7.7,8.7,7.7,7.7,7.7,7.7,7.7,7.7,7.8,7.8,8.8,8.8,8.8,8.8,8.8,8.8,8.8,7.8,10.7,7.8,7.7,7.7,8,7.8,7,10.0,10,10.7,10,10,10.3,10,10,10.3,10,10,10,10,10.3,10,10.3,10,10,10,10,10,10.3,10,10,10,10,10,10.3,10,10,10.7,10,10,10,10,10.7,10,10,10,10,10,10,10,10.7,10.7,10,10,10,10,10,10.4,10.4,10,10,10,10,10,10,10 5.0,9.9,15.1],
颜色:“海军”
}],                
valueAxis:{
标签:{
格式:“{0}”
}
},
亚克斯:{
标题:{
文字:“温度(°C)”
}
},
xAxis:{
标签:{
步骤:3
},
类别:[1964196519661967196819691973197419751976197719781979198019882198319841985198619871988198919901991199219931994199519961997199819992000200120042004200520062007200820092010201120121420152016]
},
信用证:{已启用:错误},
图例:{
已启用:false
},
工具提示:{
十字准星:没错,
分享:是的,
valueSuffix:“°C”,
是的,
格式化程序:函数(){
points=this.points;/| | Highcharts.splat(this);
return“+此.x+”的“+”范围为“+”点[0]。点.low+”到“+点[0]。点.high+”°C,平均值为“+点[1]。y+”°;
}
},
转变:是的,
});

这是Highcharts中的一个bug还是我做错了什么?到目前为止,我看不出有什么不对劲。两个系列都有50分。

这个问题似乎不再发生。这个问题似乎不再发生。
var i = Highcharts.chart('container', {
                chart: {
                    type: 'columnrange',
                    //        inverted: true
                },
                title: {
                    text: ""
                },
                plotOptions: {
                    columnrange: {
                        dataLabels: {
                            color: 'silver',
                            enabled: true,
                            className : 'smallLabel',
                            formatter: function () {

                                return parseInt(this.y) + '°';
                            }
                        }
                    }
                },
                series: [

                {
                    name: 'Temperatures',
                    //pointWidth: 20,
                    data: [[3.3,20.2],[7.2,11.1],[-1.1,15.7],[0.6,14.4],[10.6,20.0],[5.0,18.0],[7.0,12.0],[3.0,14.0],[6.0,21.0],[3.0,15.0],[9.0,17.0],[10.0,11.0],[4.0,14.0],[2.0,13.0],[0.0,12.0],[4.2,12.0],[2.3,15.1],[1.3,15.1],[4.5,8.3],[2.8,17.0],[2.9,17.9],[2.4,19.5],[9.2,13.2],[1.0,15.0],[-0.2,17.8],[1.0,8.4],[3.0,15.2],[2.0,12.0],[11.0,19.0],[3.0,19.0],[0.0,13.0],[3.0,12.0],[14.0,21.0],[7.0,19.0],[6.0,11.0],[-1.0,13.0],[3.0,13.0],[4.0,9.0],[7.0,12.0],[-1.0,9.0],[2.0,20.0],[-1.0,15.0],[6.0,19.0],[9.0,15.0],[2.0,13.0],[6.0,14.0],[6.0,16.0],[-2.0,12.0],[8.0,11.0],[12.0,20.0]]
                },
                {
                    name : "Average",
                    type: 'line',
                    lineWidth: 1,
                    states: {
                        hover: {
                            lineWidthPlus: 0
                        }
                    },
                    marker: {
                        enabled: true,
                        radius: 5
                    },
                    data: [7.5,9.1,9.8,3.7,11.7,10.3,9.8,8.7,14.2,8.8,13.0,10.3,8.2,6.7,5.6,7.3,11.9,6.9,6.5,8.2,9.9,9.6,10.4,7.2,9.9,4.8,8.9,6.8,15.8,11.4,6.3,7.9,17.6,11.5,7.7,7.1,8.2,6.5,9.4,4.6,10.7,5.2,12.1,10.8,8.9,8.6,11.2,5.0,9.9,15.1],
                    color: 'navy'
                }],                
                valueAxis: {
                    labels: {
                        format: "{0}"
                    }
                },
                yAxis: {
                    title: {
                        text: 'Temperature ( °C )'
                    }
                },

                xAxis: {
                    labels: {
                        step: 3
                    },
                    categories: [1964,1965,1966,1967,1968,1969,1973,1974,1975,1976,1977,1978,1979,1980,1981,1982,1983,1984,1985,1986,1987,1988,1989,1990,1991,1992,1993,1994,1995,1996,1997,1998,1999,2000,2001,2002,2003,2004,2005,2006,2007,2008,2009,2010,2011,2012,2013,2014,2015,2016]
                    },
                credits: { enabled : false },
                legend: {
                    enabled: false
                },
                tooltip: {
                    crosshairs: true,
                    shared: true,
                    valueSuffix: '°C',
                    useHTML: true,
                    formatter: function() { 

                        points = this.points;// || Highcharts.splat(this);
                        return "<b>"+this.x+"</b> had a " + 'range of ' + points[0].point.low + '° to ' + points[0].point.high+"°C with an average of " + points[1].y + "°";
                    }
                },
                transitions: true,
            });