0

我正在使用 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/

4

2 回答 2

2

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

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

于 2013-07-18T10:50:36.747 回答
0

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

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

这样，将绘制 2 的高度，然后绘制 1 的高度，这样您就可以看到两者。

于 2013-07-17T18:51:18.370 回答