小编use*_*927的帖子

使用序数x轴与d3.js和nvd3.js的折线图

我试图从数据集中制作折线图,同时保持X轴分类.对于观察者来说,它看起来像一个线图,在观测的X坐标之间具有等距的间距:

(1 ------ 5 ------ 30 ------ 600)

现在我得到这样的东西:

(1-5 ----- 30 ------------------- 600)

这是我的数据集:

var ds1 =  [
  {
    key: 'VAR-1',
    color: '#FF7F0E',
    values: [
   { "x" : "600", "y" : 0.07706} 
 , { "x" : "30", "y" : 0.00553} 
 , { "x" : "5", "y" : 0.00919} 
 , { "x" : "1", "y" : 0.00969} 
    ]
  }
];
Run Code Online (Sandbox Code Playgroud)

我尝试创建序号轴并将其设置在折线图对象中:

var chart =nv.models.lineChart()
             .margin({top: 10, bottom: 40, left: 60, right: 30});   
var x = d3.scale.ordinal().domain(["1","5", "30", "600"]);
chart.xAxis.scale(x);

chart.yAxis …
Run Code Online (Sandbox Code Playgroud)

javascript linechart d3.js nvd3.js

6
推荐指数
1
解决办法
4444
查看次数

标签 统计

d3.js ×1

javascript ×1

linechart ×1

nvd3.js ×1