我有一个HighStock图表,偶尔在X轴上的同一位置有多个点。是否可以在工具提示中显示这些?
以下是一个示例:http://whatukthinks.org/eu/questions/should-the-united-kingdom-remain-a-member-of-the-eu-or-leave-the-eu/?removed 10月19日和10月25日都有多个值,但工具提示中只显示了一个值。
这是我的工具提示设置:
tooltip: {
crosshairs: true,
useHTML: true,
formatter: function () {
if( Multiple ) { // Multiple Datapoint graph
var s = '<strong>' + this.points[0].point.pollster + '</strong> ' + Highcharts.dateFormat('%e %B %Y', new Date(this.x)) + '<hr class="margin-top-0 margin-bottom-5"/>';
s += '<table>';
$.each(this.points, function () {
s += '<tr><td style="color: ' + this.series.color + '">' + this.series.name + ': </td><td style="text-align: right"><b>';
if(this.y == 0.25) {
s += '*';
} else {
s += this.y + '%';
}
s += '</b></td></tr>';
});
s += '</table>';
return s;
} else { // Single Datapoint graph
var s = '<strong>' + this.point.pollster + '</strong> ' + Highcharts.dateFormat('%e %B %Y', new Date(this.x)) + '<hr class="margin-top-0 margin-bottom-5"/>';
s += '<table>';
s += '<tr><td style="color: ' + this.series.color + '">' + this.series.name + ': </td><td style="text-align: right"><b>';
if(this.y == 0.25) {
s += '<strong>*</strong>';
} else {
s += this.y + '%';
}
s += '</b></td></tr>';
s += '</table>';
return s;
}
},
shared: true
},
我很感激任何帮助,因为我不确定它是否可行,更不用说怎么做了!
=============================================== ===============
更新 -
JsFiddle:http://jsfiddle.net/58Ldnsxs/1/
使用散点图可以让您看到每个数据点的工具提示,但不能用于此所需的共享工具提示(此处注明:http://api.highcharts.com/highcharts#tooltip.shared)...