Question

我正在使用nvd3绘制折线图，当我将div传递给nvd3绘制图表时，它会给我这个错误

未捕获的TypeError：无法读取属性'createElementNS' 未定义

这是代码：

 var chartDiv = 'line-chart'+ counter++;
   tmpl = $($('#charts-panel-template').clone().html());
                tmpl.find('.feature-line-chart').attr('id', chartDiv);
 var  div=tmpl.find('.feature-line-chart#'+chartDiv);
           chartsPanel.append(tmpl);
    nv.addGraph(function() {
    var chart;
    var width = 1024, height = 500;
    chart = nv.models.lineChart()
            // .color(sparkChart.colors)
            .width(width).height(height);
    //modify the x.axes
        chart.x(function(d,i) { 
              return d.x;
        });

    //giving chart margin
    chart.margin({right: 40});

    $(div).empty();
    //create chart

    var svg = d3.select(div).append('svg')
         .datum(data)
         .transition()
         .duration(500)
         .call(chart)
         .attr('width', width)
         .attr('height', height);

我的问题，

我做错了
是我缺少的任何东西

Answer 1

我刚遇到同样的问题。

您不能将jquery引用传递给d3.select（）：

 d3.select($element) //no bueno

您必须传递实际的DOM节点，或者您最终想出的ID。

d3.select($element[0])

或

d3.select("#id")

Answer 2

我有解决方案我在nvd3中传递class和id虽然nvd3 olny接受id

 var  div=tmpl.find('.feature-line-chart#'+chartDiv);

成为

var  div='#'+chartDiv;

未捕获的TypeError：无法读取未定义的属性“createElementNS”

2 个答案: