Highcharts - 系列中的跳过日期

时间:2010-11-24 20:58:47

标签: javascript jquery graph charts highcharts

所以我从数据库中提取一些数据并获取UNIX时间戳和数字。因此,假设N(数字)在D(日期)上出售。

有些日子不见了,就像周末一样。我需要它仍然显示当天,但不需要任何数据。这是折线图。

2010年4月1日,50出售 2010年4月2日,53出售 2010年4月7日,10日售出 (我有超过1000条记录,跨越几年 - 所以我也会添加一个缩放)

因此图表仍应显示4月1日至7日,但没有3-6的数据。 (这条线只能从2-7开始)。

关于如何做到这一点的任何想法?

谢谢, 约什

4 个答案:

答案 0 :(得分:4)

看看这里:http://highcharts.com/ref/#series'data'属性的第二个例子。

你只需转换mysql日期,将其转换为UNIX时间戳(UNIX_TIMESTAMP()),然后将其乘以1000(JS需要时间,以微秒为单位)......

答案 1 :(得分:1)

在创建图表时缩放数据的x轴,只计算至少有一次销售的日期,并确保您的轴标记合理。

这意味着单步执行整个数据集并确保其具有连续数字。所以可能效率不高,并且肯定会有利于预处理(数据库中“销售日”或其他内容的另一个关键)。

答案 2 :(得分:1)

如果可能,那么你可以告诉我你的代码。

可能是这个链接会给你一些帮助。 demo to specify null for given date:http://jsfiddle.net/highcharts/FGRtd/

答案 3 :(得分:0)

您可以将数据绘制为普通的Y数据,并在x轴上使用格式化程序

dates = ['April 1 2010', 'April 2 2010', 'April 7 2010'];
numSold = [50, 53, 10];

chart = new Highcharts.Chart({
    series: [{
        type: 'line',
        data: numSold
    }],
    xAxis: {
        labels: {
            formatter: function() {
                var dateStr = dates[this.value];
                return dateStr;
            }
        }
    }
});