【问题标题】:Extend data to extent of graph将数据扩展到图形范围
【发布时间】:2014-10-25 01:23:41
【问题描述】:

我有从现在到 7 天的时间敏感数据,每小时分辨率约为 220 个值。我可以让他们按照 Mike Bostock 的演示进行绘图:http://bost.ocks.org/mike/cubism/intro/demo-stocks.html

但我似乎找不到如何扩展时间尺度和数据以跨越整个显示。我正在寻找范围参数或 xrange 或宽度,但我没有任何运气。我确信答案是微不足道的,但我似乎找不到它。

var context = cubism.context()
.step(3600000) // <-- this changes the time resolution
.size(1280) // <-- this changes the width
.stop();

另外,d3.time.scale.domain 似乎在 d3.v3.min.js 中未定义。

这是向您展示代码是什么样子的小提琴(因为它正在调用 d3.csv 我不确定如何让它在小提琴中完全工作......所以我在 javascript 下方包含了 csv 文件。): http://jsfiddle.net/oay7tvq0/

【问题讨论】:

  • 你的小提琴根本不工作。
  • @DwayneTowell - 抱歉,我更新了文本以反映由于 ajax 问题,小提琴不能完全工作。相关的代码和数据应该都有。
  • 认为立体主义对每个时间片使用单个像素,因此如果您只有 220 个时间步长,则只需要 220 个像素。检查文档以确保。如果我是正确的,那么您要么必须对您的时间序列有创意并延长时间步长(通过重复相邻的记录),要么可能 d3(或基于它的各种库之一)更适合您的目的。
  • @user1614080 感谢您的回复。我最终复制了数据,但这导致了轴问题。我还在摆弄它。 :-)

标签: d3.js cubism.js


【解决方案1】:

我认为立体主义对每个时间片使用单个像素,因此如果您只有 220 个时间步长,则只需要 220 个像素。检查文档以确定。如果我是正确的,那么您要么必须对您的时间序列有创意并延长时间步长(通过重复相邻的记录),要么可能 d3(或基于它的各种库之一)更适合您的目的。 – user1614080

我确定这就是答案...

【讨论】:

    猜你喜欢
    • 2020-05-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-04-21
    • 1970-01-01
    • 2020-08-05
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多