Question

我正在尝试将轴上的标签重命名为low | medium |等级在条形图中高而不是百分比。有谁能建议我一种完成它的方法？

joe, System Admin, /home/joe

Answer 1

遗憾的是，没有可用于材料图表的选项...

不支持多种选项，请参阅 - ＆gt; Tracking Issue for Material Chart Feature Parity

但是，使用 Classic 图表，vAxis.ticks选项可用于自定义轴标签...

使用每个刻度的格式化值来显示 - ＆gt; Low, Medium, High

    vAxis: {
      ticks: [
        {v: 33.33, f: 'Low'},
        {v: 66.67, f: 'Medium'},
        {v: 100, f: 'High'}        
      ]
    }

请参阅以下工作代码段

也使用选项 - ＆gt; theme: 'material'

google.charts.load('current', {
  callback: drawChart,
  packages: ['corechart']
});

function drawChart() {
  var data = google.visualization.arrayToDataTable([
    ['Programming Languages', 'Expertise Level %'],
    ['Java', 100],
    ['C', 80],
    ['Python', 100],
    ['Web UX', 100],
    ['Matlab', 70]
  ]);

  var options = {
    theme: 'material',
    vAxis: {
      ticks: [
        {v: 33.33, f: 'Low'},
        {v: 66.67, f: 'Medium'},
        {v: 100, f: 'High'}        
      ]
    }
  };

  var chart = new google.visualization.ColumnChart(document.getElementById('barchart'));
  chart.draw(data, options);
}

<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="barchart"></div>

请注意：

材料 - ＆gt; google.charts.Bar

经典 - ＆gt; google.visualization.ColumnChart

如何在Google Charts API中重命名y轴？

1 个答案: