Question

有没有办法使用google charts自定义图标/形状。我不想使用默认的pointShapes，而是希望使用自定义图标，例如字体真棒，引导图标或谷歌材料设计。

通过更改名为“＆＃39; d＆＃39;路径属性。我们可以为谷歌图表做类似的事情吗？

如果我在jsFiddle代码中检查生成的分散图表的代码，我可以注意到每个点都有带d属性的路径标记，我相信可以用svg图标的原始值替换。但是这些元素没有与它们相关联的任何ID，因此无法通过javascript编辑它们并编辑它们。散布图表的片段在这里：

＆＃13;

      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Age', 'Weight'],
          [ 8,      12],
          [ 4,      5.5],
          [ 11,     14],
          [ 4,      5],
          [ 3,      3.5],
          [ 6.5,    7]
        ]);

        var options = {
          title: 'Age vs. Weight comparison',
          hAxis: {title: 'Age', minValue: 0, maxValue: 15},
          vAxis: {title: 'Weight', minValue: 0, maxValue: 15},
          legend: 'none',
            pointSize: 20,
            pointShape: 'star'
        };

        var chart = new google.visualization.ScatterChart(document.getElementById('chart_div'));

        chart.draw(data, options);
      }

＆＃13;

<script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1.1','packages':['corechart']}]}"></script>
       <div id="chart_div" style="width: 900px; height: 500px;"></div>

＆＃13;

将自定义图标添加到Google Charts

0 个答案: