小编gor*_*la5的帖子

如何将固定范围垂直线添加到D3.js图表

我想在现有的折线图上添加一条垂直线.我的数据看起来像这样 - 列PC是一个计算的百分比 - 垂直线应该从图表上的0到100%延伸:

var data = [
{"Month":"2014-06" , "PC" : 38 , "items" : 72 }, 
{"Month":"2014-07" , "PC" : 33 , "items" : 68 }, 
{"Month":"2014-08" , "PC" : 28 , "items" : 80 }, 
{"Month":"2014-09" , "PC" : 16 , "items" : 93 }
]
Run Code Online (Sandbox Code Playgroud)

我将y轴精确地构建如下,其中我强制范围为0到100,因为数据值实际上并不覆盖整个范围:

var y = d3.scale.linear()
.range([height, 0], 0.5);
y.domain([0, 100]);
var yAxis = d3.svg.axis().scale(y).orient("left").tickFormat(function(d) { return d + "%"; }).ticks(10);
Run Code Online (Sandbox Code Playgroud)

要创建垂直线,我试试这个:

 var linev = d3.svg.line()
    .x(function(d, i) { 
      return x(data[2].Month); …
Run Code Online (Sandbox Code Playgroud)

javascript d3.js

4
推荐指数
1
解决办法
4238
查看次数

标签 统计

d3.js ×1

javascript ×1