Jquery highchart中的工具提示重叠问题,无法在同一日期时间选择绘图点?
我面临着一个与highchart js相关的奇怪问题。我正在开发一个情绪图,这意味着用户使用php发布他的情绪状态,然后在用户可以在图中看到他所有发布的情绪状态。 我将mysql中的数据对象作为json格式,带有datetime和mood status值。 在此数据中,某些post id可能具有相同的datetime,因此发生了重叠问题。 所以现在一切都很完美,但在同一天,中点不能选择悬停或点击。 我创造了一把小提琴。因此,请检查此小提琴的链接是或 请帮助我找到重叠问题的解决方案。Jquery highchart中的工具提示重叠问题,无法在同一日期时间选择绘图点?,jquery,highcharts,Jquery,Highcharts,我面临着一个与highchart js相关的奇怪问题。我正在开发一个情绪图,这意味着用户使用php发布他的情绪状态,然后在用户可以在图中看到他所有发布的情绪状态。 我将mysql中的数据对象作为json格式,带有datetime和mood status值。 在此数据中,某些post id可能具有相同的datetime,因此发生了重叠问题。 所以现在一切都很完美,但在同一天,中点不能选择悬停或点击。 我创造了一把小提琴。因此,请检查此小提琴的链接是或 请帮助我找到重叠问题的解决方案。 感谢和问候
感谢和问候问题是,您的x几乎相同,因此跟踪器无法找到点。解决方案是使用带点的额外系列散射
series: [{
linkedTo: 0,
type: 'scatter',
lineWidth: 1,
marker: {
symbol: 'diamond'
},
data: [
[Date.UTC(2016, 0, 10, 10, 38, 19), 1, 1],
[Date.UTC(2016, 0, 11, 10, 38, 33), 1, 2],
[Date.UTC(2016, 0, 12, 10, 40, 03), 2, 6],
[Date.UTC(2016, 0, 12, 10, 40, 36), 2, 3],
[Date.UTC(2016, 0, 13, 09, 41, 30), 4, 7],
[Date.UTC(2016, 0, 13, 09, 43, 45), 2, 8],
[Date.UTC(2016, 0, 13, 09, 45, 00), 0, 9]
]
},{
linkedTo:':previous',
type: 'area',
marker: {
enabled: false
},
lineWidth: 0,
name: 'Mood',
data: [
[Date.UTC(2016, 0, 10, 10, 38, 19), 1, 1],
[Date.UTC(2016, 0, 11, 10, 38, 33), 1, 2],
[Date.UTC(2016, 0, 12, 10, 40, 03), 2, 6],
[Date.UTC(2016, 0, 12, 10, 40, 36), 2, 3],
[Date.UTC(2016, 0, 13, 09, 41, 30), 4, 7],
[Date.UTC(2016, 0, 13, 09, 43, 45), 2, 8],
[Date.UTC(2016, 0, 13, 09, 45, 00), 0, 9]
],
}]
问题是你们有几乎相同的x,所以跟踪器找不到一个点。解决方案是使用带点的额外系列散射
series: [{
linkedTo: 0,
type: 'scatter',
lineWidth: 1,
marker: {
symbol: 'diamond'
},
data: [
[Date.UTC(2016, 0, 10, 10, 38, 19), 1, 1],
[Date.UTC(2016, 0, 11, 10, 38, 33), 1, 2],
[Date.UTC(2016, 0, 12, 10, 40, 03), 2, 6],
[Date.UTC(2016, 0, 12, 10, 40, 36), 2, 3],
[Date.UTC(2016, 0, 13, 09, 41, 30), 4, 7],
[Date.UTC(2016, 0, 13, 09, 43, 45), 2, 8],
[Date.UTC(2016, 0, 13, 09, 45, 00), 0, 9]
]
},{
linkedTo:':previous',
type: 'area',
marker: {
enabled: false
},
lineWidth: 0,
name: 'Mood',
data: [
[Date.UTC(2016, 0, 10, 10, 38, 19), 1, 1],
[Date.UTC(2016, 0, 11, 10, 38, 33), 1, 2],
[Date.UTC(2016, 0, 12, 10, 40, 03), 2, 6],
[Date.UTC(2016, 0, 12, 10, 40, 36), 2, 3],
[Date.UTC(2016, 0, 13, 09, 41, 30), 4, 7],
[Date.UTC(2016, 0, 13, 09, 43, 45), 2, 8],
[Date.UTC(2016, 0, 13, 09, 45, 00), 0, 9]
],
}]
非常感谢您提供了这个好的解决方案。但最后一个中间点并没有提示事件。这就是我的问题。在我的例子中,我看到了每个点的工具提示,也是中间的。您使用哪种浏览器?但我看到图上有两行字非常感谢您提供了这个好的解决方案。但最后一个中间点并没有工具提示事件。这就是我的问题。在我的例子中,我看到了每个点的工具提示,也是中间的。你们使用哪种浏览器?但我在图表上看到两条线