Flotr2颜色不能正常工作

我刚刚拿到一本名为“数据可视化”的书，由Stephen A. Thomas编写，我正在完成这些练习。第一章是在Flotr2上。以下是这本书告诉我做：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问题吗？或者我做错了什么？

来源

2015-04-12 Nathan

好奇，是否可以使用window.onload？ –

不，我也试过。没有运气。 – Nathan

有趣。该书是否列出了特定的Flotr2版本？如果是这样，我会尝试使用它来查看它是否是特定于版本的问题。您可能还想尝试在Flotr2的Github问题页面上询问：https://github.com/HumbleSoftware/Flotr2 –

我认为它可能与你的阵列做...

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

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

尝试

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

来源

2015-04-15 00:34:57

外层数组可以包含Flotr中的多个数据点系列，但原始数据集（'wins' ）只有一个系列。新的数据集需要被指定为'var wins2 = [[[0,28]]，[[1,28]]，[[2,21]]，[[3,20]]，[[4 ，19]]];' –

尝试。

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

来源

2016-01-25 04:58:09 kangaechu

Flotr2颜色不能正常工作

回答

相关问题