Stephen A. Thomas著Data Visualization with JavaScript (No Starch Press、2015 年)の入門的な例を再現しようとしています。
JSFIDDLE .
コードは次のとおりです。
HTML
<div id="chart" style="width:600px;height:300px;"></div>
JS
var wins = [[
[2006, 13],
[2007, 11],
[2008, 15],
[2009, 15],
[2010, 18],
[2011, 21],
[2012, 28]
]];
var years = [
[0, "2006"],
[1, "2007"],
[2, "2008"],
[3, "2009"],
[4, "2010"],
[5, "2011"],
[6, "2012"]
]
Flotr.draw(document.getElementById("chart"), wins, {
bars: {
show: true,
barWidth: 0.5
},
yaxis: {
min: 0,
tickDecimals: 0
},
xaxis: {
ticks: years
}
});
私が直面している問題は、 のラベル ( years
) が表示されないことですxaxis
。
years
データが入力されない原因は何ですか?
編集: Firefox では年が表示されず、Chrome では画面が完全に空白になります。