错误：<g> 属性转换：预期数字，“translate(NaN, 0)”

Question

当显示以下图表时（仍在工作）。我收到以下错误：

Error: <g> attribute transform: Expected number, "translate(NaN, 0)".

我的代码如下：

var Attempts = c3.generate({
  bindto: '#attempts',
  data: {
      url: 'attempts.csv',
      x:"index",
      type: 'donut',
      onclick: function (d, i) { console.log("onclick", d, i); },
      onmouseover: function (d, i) { console.log("onmouseover", d, i); },
      onmouseout: function (d, i) { console.log("onmouseout", d, i); }
  },
  donut: {
    label: {
      format: function (value) { return value; }
    }
  }
});

attempts.csv 是：

index,Basic Mechanics,Basic Thermodynamics,Calculus I,Calculus II,Chemistry I,Chemistry II,Engineering Drawing,Fundamentals of Informatics,Geometry,Linear Algebra
ATTEMPTS,1.416,1.404,1.421,1.347,1.305,1.246,1.261,1.456,1.325,1.385

完整的错误是：

c3_chart_internal_fn.convertUrlToData
c3_chart_internal_fn.init
Chart
c3.generate
(anonymous)

Answer 1

这个错误，如果“js”代码存在

$('#test').vectorMap();

并且“html”代码不存在。

<div id="test"></div>