Highcharts柱状图：如何分离重叠的列答案

【问题标题】：Highcharts columnchart: How to separate overlapping columnsHighcharts柱状图：如何分离重叠的列
【发布时间】：2013-07-17 18:35:30
【问题描述】：

我正在使用 highCharts 在柱形图中绘制某些数据点。我的 x 轴是带日期时间戳的，y 轴是简单的数字频率。

我的两个数据点重叠。我希望它们在图表上显示为单独的列。我还希望我的 x 轴只显示月份'年份。

我的 JavaScript 如下：

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'column'
        },
        xAxis: {
    type:'datetime',
            dateTimeLabelFormats: {
                        month: '%b \'%y'
            },          
    tickInterval: 24 * 3600 * 1000 * 30
    },
        yAxis: {
            min: 0,
            title: {
                text: 'Frequency'
            }
        },
        plotOptions: {
            column: {
            pointPadding: 0.2,
            pointWidth: 10
            }
        },
        series: [{"name":"warning","data":[{"x":1367391600000,"y":1}]},{"name":"pass","data":[{"x":1367391600000,"y":2}]},{"name":"fail","data":[{"x":1370070000000,"y":1}]}]
    });
});

问题：

我的第一个和第二个数据点是重叠列。如果显示一个，则隐藏另一个。有人可以帮我解决这个问题吗？

http://jsfiddle.net/X4UJd/

【问题讨论】：

另外，我希望我的图表在轴上均匀分布......现在它在轴的 2 个极端上只有 2 列。

标签： javascript highcharts

【解决方案1】：

您应该设置pointRange 参数，如示例中的：http://jsfiddle.net/sbochan/X4UJd/1/

http://api.highcharts.com/highcharts#plotOptions.column.pointRange

【讨论】：

【解决方案2】：

作为一种非常快速的解决方法，您可以将较低的值显示在第二个，这样它就会出现在另一个之前。

series: [{"name":"pass","data":[{"x":1367391600000,"y":2}]},{"name":"warning","data":[{"x":1367391600000,"y":1}]},{"name":"fail","data":[{"x":1370070000000,"y":1}]}]

这样会先绘制 2 的高度，然后再绘制 1 的高度，这样你就可以看到两者了。

【讨论】：

我希望它们并排...不重叠...有没有办法实现...？