Highcharts单击显示多行序列时未触发的事件
当我使用多个系列渲染折线图时，对于给定数据点具有最高y值的系列每次都会触发onclick事件。每隔一个系列有时会触发它，有时不会。我似乎找不到任何模式。如果我隐藏一个序列，新的最高y值将开始工作，即使它以前没有工作 我目前正在使用highcharts的v6.0.1，但我也在最新版本中重新创建了这个问题。这也发生在Chrome、Firefox和IE上 我在这里找到了一个关于显示多个序列时不触发单击事件的线程，但这是关于两个具有相同值的序列的线程，因此数据点堆叠在彼此的顶部 我创建了一个JSFIDLE来演示这个问题 它使用的是我在应用程序中呈现的实际JSON，因为当我尝试样本数据时，我无法重新创建问题。我想我必须有一些配置不正确，但我不知道它可能是什么Highcharts单击显示多行序列时未触发的事件,highcharts,Highcharts,当我使用多个系列渲染折线图时，对于给定数据点具有最高y值的系列每次都会触发onclick事件。每隔一个系列有时会触发它，有时不会。我似乎找不到任何模式。如果我隐藏一个序列，新的最高y值将开始工作，即使它以前没有工作 我目前正在使用highcharts的v6.0.1，但我也在最新版本中重新创建了这个问题。这也发生在Chrome、Firefox和IE上 我在这里找到了一个关于显示多个序列时不触发单击事件的线程，但这是关于两个具有相同值的序列的线程，因此数据点堆叠在彼此的顶部 我创建了一个JSFIDL
在本例中，您可以看到电视剧的所有数据点都会触发事件，但其他数据点不会触发事件。如果隐藏电视剧，则除博客外的所有其他电视剧都将开始工作。如果您有任何帮助，我们将不胜感激。您已将图表类型设置为等于
areasplinesplineareasplinesplineHighcharts.chart('container', {
"chart":{
"height":400,
"type":"areaspline"
},
"colors":[
"#86bbd8",
"#5e2e94",
"#c83258",
"#ffb400",
"#7bcdba",
"#ff8300",
"#4464ad",
"#e1cba4",
"#ff9bb8",
"#808285",
"#da3ab3",
"#6ecdb2",
"#e2cc00",
"#d8635d",
"#3b5cad",
"#9778d3",
"#00bfd6",
"#5b2c3f",
"#4c8b2b",
"#d9a460"
],
"credits":{
"enabled":false
},
"legend":{
"borderWidth":"0",
"symbolRadius":3
},
"plotOptions":{
"series":{
"cursor":"pointer",
"fillOpacity":0,
"lineWidth":2,
"marker":{
"enabled":false,
"lineWidth":1,
"radius":3,
"symbol":"circle"
},
"point":{
"events":{
"click":function () {
alert('Category: ' + this.category + ', value: ' + this.y);
}
}
},
"turboThreshold":50000
},
"spline":{
"lineWidth":2,
"marker":{
"enabled":true,
"lineWidth":1,
"radius":3,
"symbol":"circle"
},
"turboThreshold":50000
}
},
"series":[
{
"data":[
{
"Date":null,
"Medium":null,
"MediumName":null,
"SearchName":null,
"SearchTerm":"Blog",
"Type":"SubMedia",
"Value":"BL",
"marker":{
"enabled":false,
"lineWidth":1,
"radius":3,
"symbol":"circle"
},
"name":null,
"y":0
},
{
"Date":null,
"Medium":null,
"MediumName":null,
"SearchName":null,
"SearchTerm":"Blog",
"Type":"SubMedia",
"Value":"BL",
"marker":{
"enabled":false,
"lineWidth":1,
"radius":3,
"symbol":"circle"
},
"name":null,
"y":1182
},
{
"Date":null,
"Medium":null,
"MediumName":null,
"SearchName":null,
"SearchTerm":"Blog",
"Type":"SubMedia",
"Value":"BL",
"marker":{
"enabled":false,
"lineWidth":1,
"radius":3,
"symbol":"circle"
},
"name":null,
"y":1034
},
{
"Date":null,
"Medium":null,
"MediumName":null,
"SearchName":null,
"SearchTerm":"Blog",
"Type":"SubMedia",
"Value":"BL",
"marker":{
"enabled":false,
"lineWidth":1,
"radius":3,
"symbol":"circle"
},
"name":null,
"y":2164
},
{
"Date":null,
"Medium":null,
"MediumName":null,
"SearchName":null,
"SearchTerm":"Blog",
"Type":"SubMedia",
"Value":"BL",
"marker":{
"enabled":false,
"lineWidth":1,
"radius":3,
"symbol":"circle"
},
"name":null,
"y":1870
},
{
"Date":null,
"Medium":null,
"MediumName":null,
"SearchName":null,
"SearchTerm":"Blog",
"Type":"SubMedia",
"Value":"BL",
"marker":{
"enabled":false,
"lineWidth":1,
"radius":3,
"symbol":"circle"
},
"name":null,
"y":1324
}
],
"name":"Blog"
},
{
"data":[
{
"Date":null,
"Medium":null,
"MediumName":null,
"SearchName":null,
"SearchTerm":"Forum",
"Type":"SubMedia",
"Value":"FO",
"marker":{
"enabled":false,
"lineWidth":1,
"radius":3,
"symbol":"circle"
},
"name":null,
"y":0
},
{
"Date":null,
"Medium":null,
"MediumName":null,
"SearchName":null,
"SearchTerm":"Forum",
"Type":"SubMedia",
"Value":"FO",
"marker":{
"enabled":false,
"lineWidth":1,
"radius":3,
"symbol":"circle"
},
"name":null,
"y":225
},
{
"Date":null,
"Medium":null,
"MediumName":null,
"SearchName":null,
"SearchTerm":"Forum",
"Type":"SubMedia",
"Value":"FO",
"marker":{
"enabled":false,
"lineWidth":1,
"radius":3,
"symbol":"circle"
},
"name":null,
"y":239
},
{
"Date":null,
"Medium":null,
"MediumName":null,
"SearchName":null,
"SearchTerm":"Forum",
"Type":"SubMedia",
"Value":"FO",
"marker":{
"enabled":false,
"lineWidth":1,
"radius":3,
"symbol":"circle"
},
"name":null,
"y":299
},
{
"Date":null,
"Medium":null,
"MediumName":null,
"SearchName":null,
"SearchTerm":"Forum",
"Type":"SubMedia",
"Value":"FO",
"marker":{
"enabled":false,
"lineWidth":1,
"radius":3,
"symbol":"circle"
},
"name":null,
"y":332
},
{
"Date":null,
"Medium":null,
"MediumName":null,
"SearchName":null,
"SearchTerm":"Forum",
"Type":"SubMedia",
"Value":"FO",
"marker":{
"enabled":false,
"lineWidth":1,
"radius":3,
"symbol":"circle"
},
"name":null,
"y":181
}
],
"name":"Forum"
},
{
"data":[
{
"Date":null,
"Medium":null,
"MediumName":null,
"SearchName":null,
"SearchTerm":"Online News",
"Type":"SubMedia",
"Value":"NM",
"marker":{
"enabled":false,
"lineWidth":1,
"radius":3,
"symbol":"circle"
},
"name":null,
"y":0
},
{
"Date":null,
"Medium":null,
"MediumName":null,
"SearchName":null,
"SearchTerm":"Online News",
"Type":"SubMedia",
"Value":"NM",
"marker":{
"enabled":false,
"lineWidth":1,
"radius":3,
"symbol":"circle"
},
"name":null,
"y":4789
},
{
"Date":null,
"Medium":null,
"MediumName":null,
"SearchName":null,
"SearchTerm":"Online News",
"Type":"SubMedia",
"Value":"NM",
"marker":{
"enabled":false,
"lineWidth":1,
"radius":3,
"symbol":"circle"
},
"name":null,
"y":8495
},
{
"Date":null,
"Medium":null,
"MediumName":null,
"SearchName":null,
"SearchTerm":"Online News",
"Type":"SubMedia",
"Value":"NM",
"marker":{
"enabled":false,
"lineWidth":1,
"radius":3,
"symbol":"circle"
},
"name":null,
"y":10207
},
{
"Date":null,
"Medium":null,
"MediumName":null,
"SearchName":null,
"SearchTerm":"Online News",
"Type":"SubMedia",
"Value":"NM",
"marker":{
"enabled":false,
"lineWidth":1,
"radius":3,
"symbol":"circle"
},
"name":null,
"y":5324
},
{
"Date":null,
"Medium":null,
"MediumName":null,
"SearchName":null,
"SearchTerm":"Online News",
"Type":"SubMedia",
"Value":"NM",
"marker":{
"enabled":false,
"lineWidth":1,
"radius":3,
"symbol":"circle"
},
"name":null,
"y":3383
}
],
"name":"Online News"
},
{
"data":[
{
"Date":null,
"Medium":null,
"MediumName":null,
"SearchName":null,
"SearchTerm":"Print Media",
"Type":"SubMedia",
"Value":"PR",
"marker":{
"enabled":false,
"lineWidth":1,
"radius":3,
"symbol":"circle"
},
"name":null,
"y":0
},
{
"Date":null,
"Medium":null,
"MediumName":null,
"SearchName":null,
"SearchTerm":"Print Media",
"Type":"SubMedia",
"Value":"PR",
"marker":{
"enabled":false,
"lineWidth":1,
"radius":3,
"symbol":"circle"
},
"name":null,
"y":542
},
{
"Date":null,
"Medium":null,
"MediumName":null,
"SearchName":null,
"SearchTerm":"Print Media",
"Type":"SubMedia",
"Value":"PR",
"marker":{
"enabled":false,
"lineWidth":1,
"radius":3,
"symbol":"circle"
},
"name":null,
"y":390
},
{
"Date":null,
"Medium":null,
"MediumName":null,
"SearchName":null,
"SearchTerm":"Print Media",
"Type":"SubMedia",
"Value":"PR",
"marker":{
"enabled":false,
"lineWidth":1,
"radius":3,
"symbol":"circle"
},
"name":null,
"y":729
},
{
"Date":null,
"Medium":null,
"MediumName":null,
"SearchName":null,
"SearchTerm":"Print Media",
"Type":"SubMedia",
"Value":"PR",
"marker":{
"enabled":false,
"lineWidth":1,
"radius":3,
"symbol":"circle"
},
"name":null,
"y":713
},
{
"Date":null,
"Medium":null,
"MediumName":null,
"SearchName":null,
"SearchTerm":"Print Media",
"Type":"SubMedia",
"Value":"PR",
"marker":{
"enabled":false,
"lineWidth":1,
"radius":3,
"symbol":"circle"
},
"name":null,
"y":390
}
],
"name":"Print Media"
},
{
"data":[
{
"Date":null,
"Medium":null,
"MediumName":null,
"SearchName":null,
"SearchTerm":"Social Media",
"Type":"SubMedia",
"Value":"SM",
"marker":{
"enabled":false,
"lineWidth":1,
"radius":3,
"symbol":"circle"
},
"name":null,
"y":0
},
{
"Date":null,
"Medium":null,
"MediumName":null,
"SearchName":null,
"SearchTerm":"Social Media",
"Type":"SubMedia",
"Value":"SM",
"marker":{
"enabled":false,
"lineWidth":1,
"radius":3,
"symbol":"circle"
},
"name":null,
"y":113
},
{
"Date":null,
"Medium":null,
"MediumName":null,
"SearchName":null,
"SearchTerm":"Social Media",
"Type":"SubMedia",
"Value":"SM",
"marker":{
"enabled":false,
"lineWidth":1,
"radius":3,
"symbol":"circle"
},
"name":null,
"y":94
},
{
"Date":null,
"Medium":null,
"MediumName":null,
"SearchName":null,
"SearchTerm":"Social Media",
"Type":"SubMedia",
"Value":"SM",
"marker":{
"enabled":false,
"lineWidth":1,
"radius":3,
"symbol":"circle"
},
"name":null,
"y":79
},
{
"Date":null,
"Medium":null,
"MediumName":null,
"SearchName":null,
"SearchTerm":"Social Media",
"Type":"SubMedia",
"Value":"SM",
"marker":{
"enabled":false,
"lineWidth":1,
"radius":3,
"symbol":"circle"
},
"name":null,
"y":99
},
{
"Date":null,
"Medium":null,
"MediumName":null,
"SearchName":null,
"SearchTerm":"Social Media",
"Type":"SubMedia",
"Value":"SM",
"marker":{
"enabled":false,
"lineWidth":1,
"radius":3,
"symbol":"circle"
},
"name":null,
"y":33
}
],
"name":"Social Media"
},
{
"data":[
{
"Date":null,
"Medium":null,
"MediumName":null,
"SearchName":null,
"SearchTerm":"Radio",
"Type":"SubMedia",
"Value":"TM",
"marker":{
"enabled":false,
"lineWidth":1,
"radius":3,
"symbol":"circle"
},
"name":null,
"y":0
},
{
"Date":null,
"Medium":null,
"MediumName":null,
"SearchName":null,
"SearchTerm":"Radio",
"Type":"SubMedia",
"Value":"TM",
"marker":{
"enabled":false,
"lineWidth":1,
"radius":3,
"symbol":"circle"
},
"name":null,
"y":323
},
{
"Date":null,
"Medium":null,
"MediumName":null,
"SearchName":null,
"SearchTerm":"Radio",
"Type":"SubMedia",
"Value":"TM",
"marker":{
"enabled":false,
"lineWidth":1,
"radius":3,
"symbol":"circle"
},
"name":null,
"y":228
},
{
"Date":null,
"Medium":null,
"MediumName":null,
"SearchName":null,
"SearchTerm":"Radio",
"Type":"SubMedia",
"Value":"TM",
"marker":{
"enabled":false,
"lineWidth":1,
"radius":3,
"symbol":"circle"
},
"name":null,
"y":359
},
{
"Date":null,
"Medium":null,
"MediumName":null,
"SearchName":null,
"SearchTerm":"Radio",
"Type":"SubMedia",
"Value":"TM",
"marker":{
"enabled":false,
"lineWidth":1,
"radius":3,
"symbol":"circle"
},
"name":null,
"y":319
},
{
"Date":null,
"Medium":null,
"MediumName":null,
"SearchName":null,
"SearchTerm":"Radio",
"Type":"SubMedia",
"Value":"TM",
"marker":{
"enabled":false,
"lineWidth":1,
"radius":3,
"symbol":"circle"
},
"name":null,
"y":180
}
],
"name":"Radio"
},
{
"data":[
{
"Date":null,
"Medium":null,
"MediumName":null,
"SearchName":null,
"SearchTerm":"TV",
"Type":"SubMedia",
"Value":"TV",
"marker":{
"enabled":false,
"lineWidth":1,
"radius":3,
"symbol":"circle"
},
"name":null,
"y":0
},
{
"Date":null,
"Medium":null,
"MediumName":null,
"SearchName":null,
"SearchTerm":"TV",
"Type":"SubMedia",
"Value":"TV",
"marker":{
"enabled":false,
"lineWidth":1,
"radius":3,
"symbol":"circle"
},
"name":null,
"y":13247
},
{
"Date":null,
"Medium":null,
"MediumName":null,
"SearchName":null,
"SearchTerm":"TV",
"Type":"SubMedia",
"Value":"TV",
"marker":{
"enabled":false,
"lineWidth":1,
"radius":3,
"symbol":"circle"
},
"name":null,
"y":14163
},
{
"Date":null,
"Medium":null,
"MediumName":null,
"SearchName":null,
"SearchTerm":"TV",
"Type":"SubMedia",
"Value":"TV",
"marker":{
"enabled":false,
"lineWidth":1,
"radius":3,
"symbol":"circle"
},
"name":null,
"y":12370
},
{
"Date":null,
"Medium":null,
"MediumName":null,
"SearchName":null,
"SearchTerm":"TV",
"Type":"SubMedia",
"Value":"TV",
"marker":{
"enabled":false,
"lineWidth":1,
"radius":3,
"symbol":"circle"
},
"name":null,
"y":14956
},
{
"Date":null,
"Medium":null,
"MediumName":null,
"SearchName":null,
"SearchTerm":"TV",
"Type":"SubMedia",
"Value":"TV",
"marker":{
"enabled":false,
"lineWidth":1,
"radius":3,
"symbol":"circle"
},
"name":null,
"y":6382
}
],
"name":"TV"
}
],
"subtitle":{
"style":{
"color":"#c4c4c4",
"fontFamily":"Avenir",
"fontSize":"12px",
"fontWeight":null,
"minWidth":null,
"textAlign":null,
"width":null
},
"text":"(By Medium)"
},
"title":{
"style":{
"color":null,
"fontFamily":"Avenir",
"fontSize":"20px",
"fontWeight":"bold",
"minWidth":null,
"textAlign":null,
"width":null
},
"text":"Hits"
},
"tooltip":{
"valueSuffix":""
},
"xAxis":{
"categories":[
"4\/12\/2019",
"4\/13\/2019",
"4\/14\/2019",
"4\/15\/2019",
"4\/16\/2019",
"4\/17\/2019"
],
"dateTimeLabelFormats":null,
"gridLineColor":null,
"gridLineDashStyle":null,
"gridLineWidth":null,
"labels":{
"enabled":true,
"formatter":null,
"rotation":0,
"staggerLines":0,
"style":{
"color":null,
"fontFamily":"Avenir",
"fontSize":null,
"fontWeight":null,
"minWidth":null,
"textAlign":null,
"width":null
},
"useHTML":false
},
"minorGridLineWidth":null,
"minorTickInterval":null,
"plotBands":null,
"tickInterval":0,
"tickWidth":2,
"tickmarkPlacement":"off",
"title":null,
"type":null
},
"yAxis":[
{
"allowDecimals":true,
"minRange":0.1,
"title":{
"margin":10,
"rotation":270,
"style":{
"color":null,
"fontFamily":"Avenir",
"fontSize":null,
"fontWeight":null,
"minWidth":null,
"textAlign":null,
"width":null
},
"text":null
}
}
]
});
"chart":{
"height":400,
"type":"spline"
}