Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/399.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript d3.js:当只想比较HH:MM时,时间刻度是否适合x轴?_Javascript_D3.js - Fatal编程技术网

Javascript d3.js:当只想比较HH:MM时,时间刻度是否适合x轴?

Javascript d3.js:当只想比较HH:MM时,时间刻度是否适合x轴?,javascript,d3.js,Javascript,D3.js,我想创建比较多组数据的图表。集合中的每个对象的Y轴浮动值和X轴浮动值的形式为“2013-01-11T00:00:00Z” 我的数据结构如下: { data_set_a: line_1: [ { x: x, y: y}, ... ] line_2: [ { x: x, y: y}, ... ] data_set_b: line_1: [ { x: x, y: y}, ... ] line_2: [ { x: x

我想创建比较多组数据的图表。集合中的每个对象的Y轴浮动值和X轴浮动值的形式为“2013-01-11T00:00:00Z”

我的数据结构如下:

{
  data_set_a:
    line_1:
      [ { x: x, y: y}, ... ]
    line_2:
      [ { x: x, y: y}, ... ]
  data_set_b:
    line_1:
      [ { x: x, y: y}, ... ]
    line_2:
      [ { x: x, y: y}, ... ]

   ...
  }
注意:如果有更合理/更简单的事情发生,我可以完全控制数据集

对于下面的问题,我只对绘制数据集中的内容感兴趣。其余部分将是单独的图表

  • 当X轴处理日期时,我是否希望在这里使用时间刻度上的顺序刻度,并使用time.format.iso.parse进行解析?有没有办法告诉d3只需比较“HH:MM”,然后为X轴文本指定自定义格式(例如,12pm | | | | 1pm等,其中|是15m间隔上的记号)?或者这项任务更适合我在进入d3之前处理日期的顺序量表

  • 我试图通过部分示例来演示如何设置一条线,以用于图表上显示的所有线。如何设置比例和域,使其考虑适用于系列中所有行的范围

  • 这就是我目前所处的位置:。让我们说我的图表还不太漂亮。提前感谢。

    首先,D3是现成的。看看那些

    其次,为了正确设置所有数据点的比例,需要计算所有数据点的边界:

    var data = /* your data from above */,
        points = [].concat(d3.values(data.data_set_a)),
        x_extent = d3.extent(points, function(d) { return d.x; }),
        y_extent = d3.extent(points, function(d) { return d.y; });
    

    有了这些信息,您应该能够正确设置电子秤。

    谢谢。我使用的是时间刻度,但我希望x轴覆盖重叠的24小时周期。因此,如果线1今天下午1点到8点,线2昨天下午1点到10点,我不希望x轴涵盖这两天,而是通常的重叠时间。在这种情况下,x轴将为1PM-10PM,线_1将仅具有9/10PM点。