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庫。
任何想法,這圖表庫將支持圖像? – Darkice
還有可能嗎? –