小编tob*_*ib_的帖子

x3轴上的d3.js nvd3日期:仅显示一些日期

我在xAxis上显示日期时有一个奇怪的问题.我正在生成这样的数据:

for (i=0;i<12;i++){
    date=new Date(2013,i,1);

    ideas.values[i] = {"y" : Math.round(2*i*getRandom(1,2)), "x": date};
}
Run Code Online (Sandbox Code Playgroud)

在我的lineChart中,我想像这样创建x轴:

chart.xAxis.tickSize(12)            
           .tickFormat(function(d) {         
             var date = new Date(d);
             testarr.push(date);
             return d3.time.format('%b %y')(date);
            });
Run Code Online (Sandbox Code Playgroud)

现在,如果我查看图表,只有几个日期可见.这就是为什么我为脱粒问题创建了数组"testarr".testarr的内容是8个日期而不是12个(我生成了12个)

现在更奇怪的是:将完全相同的数据放在MultiBarChart中并使用完全相同的chart.xAxis ....函数,测试数组内容为12个值

我无言以对,希望有人可以帮助我.

感谢你们!

完整代码如下:

for lineChart:lineChart Result

<script>
var chart;
nv.addGraph(function() {
  chart = nv.models.lineChart()
  .options({
    margin: {left: 100, bottom: 100},
    //x: function(d,i) { return i},
    showXAxis: true,
    showYAxis: true,
    transitionDuration: 250
  })
  ;
  chart.xAxis.tickSize(12)            
                  .tickFormat(function(d) {         
         var date = new Date(d);
          return d3.time.format('%b %y')(date);
                 });

    chart.yAxis
       .axisLabel('y axis')
       .tickFormat(d3.format('')) …
Run Code Online (Sandbox Code Playgroud)

javascript date d3.js nvd3.js

7
推荐指数
1
解决办法
2万
查看次数

标签 统计

d3.js ×1

date ×1

javascript ×1

nvd3.js ×1