如何在ColumnChart Google图表中以x-aixs而不是图例显示图像?

时间:2019-03-19 09:35:43

标签: javascript google-visualization

如何在ColumnChart Google图表中以x轴显示图像而不是图例?

like

google.charts.load('current', {packages: ['corechart', 'bar']});
google.charts.setOnLoadCallback(drawAnnotations);

function drawAnnotations() {
      var data = new google.visualization.arrayToDataTable([
            ['Year', 'Average',{type: 'string', role: 'style'}],
            ['Go',  1,'#953634'],
            ['Go away', 2 ,'#E56C0A'],
            ['Wait', 3  ,'#FFC100']
        ]);

        var options = {
            title: '',
            titlePosition: 'none',
            position:'center',
            backgroundColor: '#F4F3EF',
            vAxis: {
                format: '#,###',
                minValue: 0
             },
            chxs: '0N*f0*',
            hAxis: {title: '', minValue: 0,format: '0',viewWindow: {
            min: 0
        }},
        
            legend: {position: 'none'},
            is3D:true
        }; 

      var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
      chart.draw(data, options);
    }
  <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
  <div id="chart_div"></div>

我想在底部添加图片而不是文字,以及如何在Google中显示3D图表。 有人可以帮我吗?

0 个答案:

没有答案