错误： <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; }
}
}
});

尝试.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>