X轴上同一点的多个数据点串联 - Highcharts工具提示

时间:2015-11-27 14:25:32

标签: javascript highcharts highstock

我有一个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)...

0 个答案:

没有答案