问在d3-plunker上渲染d3-timeseries序列
EN

Stack Overflow用户

提问于 2017-06-21 06:29:45

回答 0查看 99关注 0票数 1

我需要使用链接上给出的d3-timeseries图：http://mcaule.github.io/d3-timeseries/

我有一些JSON数据，我将用它们在这个图上绘制。我正试着在d3 plunker上做这件事。

作为D3和plunker的新手，我不确定我是否在正确的地方编写代码，因为什么都没有出现。请给我引路。

我试着在d3上使用的代码：

<!DOCTYPE html>
<svg width="960" height="500"></svg>
<script src="https://d3js.org/d3.v4.min.js"></script>
<script>
var data : [{date:new Date('2013-01-01'),n:120,n3:124,ci_up:130,ci_down:118},
            {date:new Date('2013-01-02'),n:121,n3:124,ci_up:130,ci_down:118},
            {date:new Date('2013-01-03'),n:122,n3:124,ci_up:130,ci_down:118},
            {date:new Date('2013-01-04'),n:123,n3:124,ci_up:130,ci_down:118},
            {date:new Date('2013-01-05'),n:124,n3:124,ci_up:130,ci_down:118},
            {date:new Date('2013-01-06'),n:125,n3:124,ci_up:130,ci_down:118},
            {date:new Date('2013-01-07'),n:126,n3:124,ci_up:130,ci_down:118},
            {date:new Date('2013-01-08'),n:127,n3:124,ci_up:130,ci_down:118},
            {date:new Date('2013-01-09'),n:128,n3:124,ci_up:130,ci_down:118},
            {date:new Date('2013-01-10'),n:129,n3:124,ci_up:130,ci_down:118}]
var chart = d3.timeseries()
          .addSerie(data.slice(0,60),{x:'date',y:'n'},{interpolate:'linear',color:"#a6cee3",label:"value"})
          .addSerie(data.slice(50),
              {x:'date',y:'n3',ci_up:'ci_up',ci_down:'ci_down'},
              {interpolate:'monotone',dashed:true,color:"#a6cee3",label:"prediction"})
          .width(900)

</script>

d3.js

plunker

javascript

回答

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/44664010

复制

相似问题

问在d3-plunker上渲染d3-timeseries序列
EN

回答

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在d3-plunker上渲染d3-timeseries序列EN

回答

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在d3-plunker上渲染d3-timeseries序列
EN