0

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 では画面が完全に空白になります。

4

1 に答える 1