Highcharts问题 - 标签Y轴系列为主的数据
问题描述:
我有一个关于highcharts一个问题...Highcharts问题 - 标签Y轴系列为主的数据
考虑例如关系:
Data
-----
Id(pk)
Date date
Data varchar(50)
这种关系中包含的数据。需要注意的是,日期不是连续的......即,数据不会每天输入。一个例子表可以是
Data
-----
Id Date Data
1 2011-08-22 SomeData
2 2011-08-29 MoreData
予用户呈现的HTML/jQuery的界面,其中数据可以从数据库中拉出并使用highcharts作图。这种运作良好:
http://dev.speechlink.co.uk/David/fifthiteration/dbgrapher.php
我用下面的jQuery的标记x轴:
xAxis: {
type: 'datetime',
maxZoom: 14 * 24 * 3600000, // fourteen days
lineWidth: 1,
lineColor: '#999999',
title: {
text: 'Date'
}
}
这是系列:
series: [{
type: 'spline',
name: data.questionTitle,
pointInterval: 24 * 3600 * 1000,
pointStart: Date.UTC(data.year, data.month, data.day),
data: cdata,
lineColor: '#f6a828',
color: '#418ed6'
}]
现在这工作正常酒吧一个问题 - >所有点被绘制,就好像他们在连续的日子里做的一样......这不是这种情况...例如,如果在我的表格中,我有数据在24日提交,然后n O数据,直到第29 .... 29日的数据被放置不正确的数据提交的25 ...
这显然与这一系列的参数来做到:
**pointInterval: 24 * 3600 * 1000,**
我的数据来自于像这样:
[23日,24日,25日,29日]
尽管它或许应该是这样的:
[23日,24日,25日,NULL,NULL,NULL,29号]
我不知道上面是正确的syntax..thats就是为什么我在这里...你怎么告诉highcharts跳过了点,但保持相同的pointintervals ....
编辑:
我对highcharts看到你可以传递数据,像这样:
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container'
},
xAxis: {
type: 'datetime'
},
series: [{
data: [
[Date.UTC(2010, 0, 1), 29.9],
[Date.UTC(2010, 2, 1), 71.5],
[Date.UTC(2010, 3, 1), 106.4]
]
}]
});
有没有办法通过一个PHP数组以正确的格式上述系列(即与数据和相关联的值)。
答
如果您没有数据点的间隔,那么您可以在系列中指定为空。你可以尝试[23rd, 24th, 25th, null, null, null, 29th]
它会完美的工作。
感谢您的回复..你可以看到我的编辑.. – user906568
你有一个每个'entryId'与日期权的映射? – ShankarSangoli
是的,这是正确的....我也检查了highcharts,他们提供了一个很好的方式来提供相关日期的数据。这似乎更清洁......你怎么能输出兼容的PHP来符合高压供应他们的系列数据的方式(请参阅我的编辑) – user906568