javascript - 用音符名称标记 y 轴刻度

Question

我有一个图表数据表，其中系列值为数字(这些是 MIDI 音符编号 - 例如 60 是中音 C，61 是 Db)。

但对于用户来说，图表 y 轴刻度应该是注释名称。

请问我该怎么做？

Answer 1

使用对象表示法，您可以为每个刻度提供值 (v:) 和格式化值 (f:)

{v: 60, f: 'C4 (middle C)'}

请参阅以下工作片段...

google.charts.load('current', {
  packages: ['corechart']
}).then(function () {
  var data = google.visualization.arrayToDataTable([
    [1, 60],
    [2, 61]
  ], true);

  var options = {
    vAxis: {
      ticks: [
        {v: 60, f: 'C4 (middle C)'},
        {v: 61, f: 'C#4/Db4'},
      ]
    }
  };

  var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
  chart.draw(data, options);
});

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