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 チャートに含める方法を探しています。それが不可能な場合は、仕事をすることができる他の JavaScript ライブラリを探しています。

4

1 に答える 1

1

それは不可能!(簡単な回答、モバイル)

于 2012-09-02T22:35:55.280 に答える