NVD3中不显示X轴和Y轴标签以显示多条形图(条形图和堆积条形图)

时间:2014-12-13 21:11:15

标签: d3.js nvd3.js

当我从nvd3库的axis.js调用d3.v3.js时遇到问题,异常( undefined不是函数)在d3.svg.axis函数中

引发的异常是由于这一行(调用(图表)方法)

d3.select('#chart1 svg').datum(data).transition().duration(500).call(chart);

我正在使用的代码是

var chart;
    nv.addGraph(function() {
      chart = nv.models.multiBarChart()           
        .color(["#44545F", "#628696", "#2DADBD", "#18CBE7"])
        .margin({bottom: 100})
        .transitionDuration(300)
        .delay(1000)
        .rotateLabels(45)
        .showLegend(true)  
        .showControls(true)
        //.stacked(true)
        .groupSpacing(0.2)
        .showXAxis(true)
        .showYAxis(true);

      chart.multibar.hideable(true);

      chart.reduceXTicks(false) ////If 'false', every single x-axis tick label will be rendered.
      .staggerLabels(true);

      chart.xAxis
          .axisLabel("Current Index")
          .showMaxMin(true).tickFormat(d3.format("s"));
          //.tickFormat(d3.format(',.9f'));

      chart.yAxis.tickFormat(d3.format(',.1f'));          

      d3.select('#chart1 svg').datum(data).transition().duration(500).call(chart);

      nv.utils.windowResize(chart.update);

      chart.dispatch.on('stateChange', function(e) { nv.log('New State:', JSON.stringify(e)); });

      return chart;
    }); 
d3.v3.js中的

异常就在这一行

    tickEnter = tick.enter().insert("g", "path").attr("class", "tick major").style("opacity", 1e-6) 
截图是愚蠢的

enter image description here

0 个答案:

没有答案