Question

我刚刚得到了一本名为Stephen Visual Thomas的数据可视化的书，我正在完成这些练习。第一章是关于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的一个新问题是什么呢？或者我做错了什么？

Answer 1

试试这个。

var wins2 = [[[0,28]],[[1,28]],[[2,21]], [[3,20]],[[4,19]]];

Answer 2

我认为这可能与您的阵列有关...

var wins2 = [[[0,28], [1,28], [2, 21], [3,20], [4,19]]];

这使得一个包含4个数组的1个数组的数组。所以flotr看到你只有1个索引，这就是为什么它只使用1种颜色。

试

var wins2 = [[0,28], [1,28], [2, 21], [3,20], [4,19]];

Flotr2颜色不起作用

2 个答案: