2012-09-02 108 views
3

我正嘗試在Google圖表中使用圖像作爲圖例。這是它目前的樣子:如何將圖像設置爲Google圖表中的圖例

,這是它看起來應該像:

這是我的JavaScript代碼來繪製圖表:

 function drawChart() { 
     var data = google.visualization.arrayToDataTable([ 
      ['Champions', 'Games', 'Wins', 'Loses'], 
      ['Ezreal', 21830,  12172,  9658], 
      ['Taric', 17835,  9658,  8177], 
      ['Graves', 13567,  6558,  7009], 
      ['Lee Sin', 12738,  6349,  6389], 
      ['Blitzcrank', 11965,  6132,  5833], 
      ['Nunu', 10946,  5407,  5539], 
      ['Sona', 9660,  5226,  4434], 
      ['Corki', 9457,  4389,  5068], 
      ['Jax', 8669,  4358,  4311], 
      ['Amumu', 8396,  4743,  3653] 
     ]); 

     var options = { 
      title: 'Most played', 
      backgroundColor: '#EEEEEE', 
      hAxis: {title: 'Champions', titleTextStyle: {color: 'red'}} 
     }; 

     var chart = new google.visualization.ColumnChart(document.getElementById('most-popular')); 
     chart.draw(data, options); 
     } 

我已經嘗試了<img>標籤嵌入到像這樣的數組:

['<img src="img/ezreal.png">'Ezreal', 21830,  12172,  9658] 

不幸的是,谷歌圖表做某種逃脫字符串,以便顯示整個HTML代碼。

所以我在尋找一種方式,包括與谷歌圖表這些圖像。如果這是不可能的,我正在尋找其他可以完成這項工作的JavaScript庫。

回答

1

這是不可能的! (簡言之,在移動)

+0

任何想法,這圖表庫將支持圖像? – Darkice

+0

還有可能嗎? –

相關問題