【问题标题】:Highcharts scatter plot with time onlyHighcharts 散点图仅与时间
【发布时间】:2013-03-06 11:59:44
【问题描述】:

我正在考虑像http://www.highcharts.com/demo/scatter 这样在 xAxis 上仅显示 24 小时的散点图的最简单方法,但每个点/三角形/符号都会说明添加了相应小时但日/年的数据与众不同。 “日期时间”类型的情节不能解决问题。除了“破解”数据并将所有年份、月份和日期更改为同一日期之外,还有其他方法吗? (我仍然需要知道原始日期,因为我想显示点的时间段可能会被某个按钮更改)。

更具体一点:

假设我想显示类似的内容:jsfiddle.net/Fishman/N6YZX(某个时间段内一天中特定时间的血液中的糖水平) - 我必须将“数据”日期更改为相同的 yyy-mm-dd 以分散显示(用户将能够更改提供数据的时间段)。但正确的数据将是这样的:jsfiddle.net/Fishman/gPpSW/1(查看数据值)。有没有办法将散点图设置为忽略日期并仅考虑时间(小时、分钟、秒)?

【问题讨论】:

  • 可以说我想展示类似的东西:jsfiddle.net/Fishman/N6YZX(一段时间内一天中特定时间的血糖水平)-我必须将“数据”日期全部更改为相同的 yyy-mm-dd 以分散显示(用户将能够更改提供数据的时间段)。但是正确的数据应该是这样的:jsfiddle.net/Fishman/gPpSW/1(查看数据值)。有没有办法将散点图设置为忽略日期并仅考虑时间(小时、分钟、秒)?
  • 将此评论添加到您的问题中:)

标签: javascript highcharts scatter-plot


【解决方案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},

【讨论】:

  • 这很好,但这意味着,我必须在跟踪期间添加与天数(含数据)一样多的轴。假设我想要半年(甚至一年)的视图,这意味着,我必须在那里放置超过 180 个 xAxes ......听起来有点脏。哦,还需要确保为正确的数据系列分配了正确的 xAxis:/(更新 jsfiddle.net/Fishman/5aNEf/1 以进行概述)
  • 所以这是我知道的解决方案,我可以拥有。我会回到我的主要问题:除了“破解”数据并将所有年份、月份和日期更改为同一日期之外,还有其他方法吗?
  • 恐怕这里看不到任何其他选项。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-04-20
  • 1970-01-01
相关资源
最近更新 更多