highcharts - 不显示不存在的日期值

Question

我正在尝试让 Highcharts 显示每日使用统计信息，例如公司的资源。公司上类时间为周一至周五。

我的数据系列如下所示:

[Date.UTC(2012, 8, 6),17.5], (Thu)
[Date.UTC(2012, 8, 7),42.5], (Fri)
-- weekend
[Date.UTC(2012, 8, 10),20],  (Mon)
[Date.UTC(2012, 8, 11),20],  (Tue)
[Date.UTC(2012, 8, 12),40],  (Wed)
[Date.UTC(2012, 8, 13),30],  (Thu)
...

在时间序列图表中，为缺少的两个周末日期(2012年8月8日和2012年8月9日)插入了两个标签，但我不希望显示这些标签，因为没有值对于这些标签，因此相邻的日期将通过一条线连接，但这是错误的。

是否可以关闭此“日期插值”并仅显示我插入的值？

谢谢你的问候，菲尔

Answer 1

可以使用散点系列并自定义 x 轴的 tickPositioner 回调并过滤非工作日的 x 系列数据(日期)。

我在 http://jsfiddle.net/hkskoglund/6jNGg/ 创建了一个 fiddle

为了允许缺少周末，应该为系列数据中的 y 值推送 null(如上面的评论中所述)

不使用日期时间轴的另一个选项是使用类别轴，您可以在其中将日期推送到您拥有数据的系列中。这将允许有一个连续的情节。看看新的 fiddle :Areaspline with categories as dates

xAxis: {
            labels: {
                formatter: function() {
                    // http://api.highcharts.com/highcharts#Highcharts.dateFormat()
                    return Highcharts.dateFormat('%d %b', this.value);
                }
            },
            categories : [            
                Date.UTC(2012, 8, 6),Date.UTC(2012, 8, 7),
                Date.UTC(2012, 8, 10),Date.UTC(2012, 8, 11),
                Date.UTC(2012, 8, 11)]
       },

        series: [{
            name : 'resources',
            data: [17.5,42.5,20,25,20]

        }]

据我所知，在不更改 Highcharts 系列的源/渲染的情况下，使用您请求的绘图配置在 x 轴上使用日期时间是不可能的。看起来空值的不连续被分成所谓的段。