Highcharts - 系列中的跳过日期

问题描述：

因此，我从数据库中提取一些数据并获取UNIX时间戳和一个数字。所以让我们说N（数字）在D（日期）出售。Highcharts - 系列中的跳过日期

有几天没有，像周末。我需要它仍然显示一天，但不需要任何数据。这是一个折线图。

2010 50年4月1日出售
2010 53年4月2日卖出
2010 10年4月7日出售
（我有一个超过1000条记录跨越数年的 - 所以我将添加一个变焦以及）

因此，图表仍应显示4月1 - 7日，但没有3-6的数据。（该线将从2-7开始）。

有关如何做到这一点的任何想法？

感谢，乔希

答

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

你只需要转换MySQL的日期，将其转换为UNIX时间戳（UNIX_TIMESTAMP（）），然后乘以1000它（JS需要时间微秒）...

您给定的链接http://highcharts.com/ref/#series not working – Sadikhasan 2014-09-22 09:23:18

答

规模，当你创建的图表数据的x轴只能算日子，你至少有一个销售，只是确保轴理智标记。

这将意味着逐步浏览整个数据集并确保它有连续的数字。所以可能不是非常有效率，并且可以对预处理（数据库中的另一个关键“销售日”或某事）有益。

答

您可以绘制你的数据作为普通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; 
      } 
     } 
    } 
});

答

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

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

Highcharts - 系列中的跳过日期

相关推荐