Question

我想将Google Charts Column的Y轴从数字更改为自定义名称。例如，在Y轴上会有＆＃34; F，E，D，C，B，A＆＃34;或者＆＃34;最坏，坏，可接受，好，最好＆＃34;。这可以在Google Charts Column中使用吗？ https://jsfiddle.net/api/post/library/pure/

使用Javascript：

google.setOnLoadCallback(drawStuff);

function drawStuff() {
  var data = new google.visualization.DataTable();
  data.addColumn('string', 'Country');
  data.addColumn('number', 'GDP');
  data.addRows([
    ['US', 16768100],
    ['China', 9181204],
    ['Japan', 4898532],
    ['Germany', 3730261],
    ['France', 2678455]
  ]);

 var options = {
   title: 'GDP of selected countries, in US $millions',
   width: 500,
   height: 300,
   legend: 'none',
   bar: {groupWidth: '95%'},
   vAxis: { gridlines: { count: 4 } }
 };

 var chart = new google.visualization.ColumnChart(document.getElementById('number_format_chart'));
 chart.draw(data, options);

 document.getElementById('format-select').onchange = function() {
   options['vAxis']['format'] = this.value;
   chart.draw(data, options);
 };

};

Answer 1

您应该使用vAxis上的'ticks'选项，并包含每个数值的格式化值。 e.g。

vAxis: { ticks: [{v: 200000, f: 'best'}, {v: 400000, f: 'good'}, ... ] }

将Google Charts Column的Y轴从数字更改为自定义名称

1 个答案: