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顏色不能正常工作

回答

相關問題