Highcharts散点图仅限时间

时间:2013-03-06 11:59:44

标签: javascript highcharts scatter-plot

我正在考虑最简单的散点图方法,就像这里http://www.highcharts.com/demo/scatter一样,在xAxis上只有24小时,但是每个点/三角形/符号都会说明相应的小时添加的数据,但是当天/一年会有所不同。 “datetime”类型的图不能解决问题。还有另一种方法,而不是“破解”数据并将所有年,月和日改变为同一天? (我仍然需要知道原始日期,因为我想要显示点的时间段可能会被某个按钮改变。)

更具体一点:

让我们说我想展示类似的东西:jsfiddle.net/Fishman/N6YZX(在一段时间内白天特定时间血液中的血糖水平) - 我不得不将“数据”日期更改为全部同样yyy-mm-dd在散点图中显示它(用户将能够更改提供数据的周期)。但正确的数据将是这样的:jsfiddle.net/Fishman/gPpSW/1(查看数据值)。有没有办法将散点图设置为忽略日期并仅考虑时间(小时,分钟,秒)?

1 个答案:

答案 0 :(得分:1)

您可以使用单独的x轴绘制它们。 (在系列0中设置xAxis:0,在系列1中设置xAsix:1等)。您可以隐藏额外的轴。有关隐藏额外轴标题的一些信息,请参阅show two different series with different start intervals with the same xAxis highcharts

另一种方法是将x值修改为所有相同的日期。如果您仍想在工具提示中显示日期,可以在该点添加一个额外的日期字段,并使用自定义工具提示来显示它。

{x:Date.UTC(2013, 03, 05, 9), y:100, origdate:Date.UTC(2013, 03, 03, 9), 100},
{x:Date.UTC(2013, 03, 05, 9), y:100, origdate:Date.UTC(2013, 03, 04, 9), 100},
{x:Date.UTC(2013, 03, 05, 9), y:100, origdate:Date.UTC(2013, 03, 05, 9), 100},