Question

我正在使用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}]}]
    });
});

ISSUE：

我的第一个和第二个数据点是重叠列。如果显示一个，其他被隐藏。有人可以帮我这个。

http://jsfiddle.net/X4UJd/

Answer 1

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

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

Answer 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，这样您就可以看到两者。

Highcharts columnchart：如何分隔重叠列

ISSUE：

2 个答案: