3

我正在尝试将图像用作 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]

不幸的是,Google Charts 对该字符串进行了某种转义,以便显示整个 HTML 代码。

所以我正在寻找一种将这些图像包含在 Google Charts 中的方法。如果那不可能,我正在寻找其他可以完成这项工作的 JavaScript 库。

4

1 回答 1

1

这不可能!(简短回答,在手机上)

于 2012-09-02T22:35:55.280 回答