2

Stephen A. Thomas 著の Data Visualization With Javascript という本を手に入れたばかりで、演習に取り組んでいます。最初の章はFlotr2です。この本が私に教えてくれたことは次のとおりです。

var wins = [[[0, 13], [1, 11], [2, 15], [3, 15], [4, 18], [5, 21], [6, 28]]];
var wins2 = [[[0,28], [1,28], [2, 21], [3,20], [4,19]]];
var years = [[0, "2006"], [1, "2007"], [2, "2008"], [3, "2009"], [4, "2010"], [5, "2011"], [6, "2012"]];
var teams = [[0, "MCI"], [1, "MUN"], [2, "ARS"], [3, "TOT"], [4, "NEW"]];
window.addEventListener('load', function() {
    Flotr.draw(document.getElementById('chart2'), wins2, {
        title: "Premier League Wins (2011-2012)",
        colors: ['#89afd2', '#1d1d1d', '#df021d', '#0e204b', '#e67840'],
        bars: {
            show: true,
            barWidth: 0.5,
            shadowSize: 0,
            fillOpacity: 1,
            lineWidth: 0
        },
        yaxis: {
            min: 0,
            tickDecimals: 0
        },
        xaxis: {
            ticks: teams
        },
        grid: {
            horizontalLines: false,
            verticalLines: false
        }
    });
});

これと本の内容の唯一の違いは、本では window.onload を実行するように指示されており、代わりに addEventListener を使用したことです。この本では、これにより複数の色 (リストされている色) の棒グラフが作成されるはずですが、私のバーはすべて同じ色であり、リストされている最初の色です。私はすべてを試しましたが、何もうまくいかないようです。Flotr2でこの問題に遭遇した人はいますか? 最新版を使っているのですが、本が出てから新しいFlotr2だけの問題でしょうか？それとも私は何か間違ったことをしていますか？

4

2 に答える 2

2

これを試して。

var wins2 = [[[0,28]],[[1,28]],[[2,21]], [[3,20]],[[4,19]]];
于 2016-01-25T04:58:09.143 に答える