如何在ColumnChart Google图表中以x轴显示图像而不是图例?
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图表。 有人可以帮我吗?