Question

我用Highchart制作了一个图表，它可以使同一系列的2个数据点重叠，但只有顶部数据点显示。我希望它们都显示出来，以便我可以阅读这两点的信息。我已经找到了一个如何使用2系列的例子，但是如果你只有1个可以重叠的数据点，我真的不知道如何才能做到这一点。

以下是2系列的示例： http://jsfiddle.net/Malinga/xkks3tno/

    $(function () {
    var series1 = [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4];

    var series2 = [24.9, 50.5, 106.4, 90.2, 80.0, 150.0, 160.6, 170.5, 160.4, 180.1, 91.6, 51.4];

    $('#container').highcharts({
        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        },
        tooltip: {
            formatter: function () {
                var s1 = this.series.chart.series[0].processedYData[this.point.index];
                var s2 = this.series.chart.series[1].processedYData[this.point.index];
                if (Math.abs(s1 - s2) < 6) {
                    return '<b>' + this.series.chart.series[0].name + ' :' + s1 + '</b><br/><b>' + this.series.chart.series[1].name + ' :' + s2 + '</b><br/>in month : ' + this.x;
                }
                return '<b>' + this.series.name + ' :' + this.y + '</b><br/>in month : ' + this.x;
            }
        },
        series: [{
            data: series1
        }, {
            data: series2
        }]
    });
});

Answer 1

为什么不将tooltip shared属性设置为true？这将显示给定xAxis索引下的所有点。如果你的意思是你想明显看到第一个系列＆＃39; ＆＃34;＆＃34;＆＃34;第二个系列＆＃39;然后您可以调整marker.radius尺寸：

series: [{
    marker: {
        radius: 5
    },
    data: series1
}, {
    data: series2
}]

有没有办法在高图中显示同一系列的重叠点？

1 个答案: