在Google注释图表上设置轴格式(ScaleFormat选项）

Format axis on Google Annotation Chart (ScaleFormat option)

本文关键字：格式 ScaleFormat 选项 设置 注释 Google      更新时间：2023-09-26

我有一个谷歌注释图表，显示0到1之间的值，如下所示：jsfiddle

  google.setOnLoadCallback(drawChart);
  function drawChart() {
    var data = new google.visualization.DataTable();
    data.addColumn('date', 'Date');
    data.addColumn('number', 'Kepler-22b mission');
    data.addColumn('string', 'Kepler title');
    data.addColumn('string', 'Kepler text');
    data.addColumn('number', 'Gliese 163 mission');
    data.addColumn('string', 'Gliese title');
    data.addColumn('string', 'Gliese text');
    data.addRows([
      [new Date(2314, 2, 15), 0.12400, undefined, undefined,
                              0.10645, undefined, undefined],
      [new Date(2314, 2, 16), 0.24045, 'Lalibertines', 'First encounter',
                              0.12374, undefined, undefined],
      [new Date(2314, 2, 17), 0.35022, 'Lalibertines', 'They are very tall',
                              0.15766, 'Gallantors', 'First Encounter'],
      [new Date(2314, 2, 18), 0.12284, 'Lalibertines', 'Attack on our crew!',
                              0.34334, 'Gallantors', 'Statement of shared principles'],
      [new Date(2314, 2, 19), 0.8476, 'Lalibertines', 'Heavy casualties',
                              0.66467, 'Gallantors', 'Mysteries revealed'],
      [new Date(2314, 2, 20), 0, 'Lalibertines', 'All crew lost',
                              0.79463, 'Gallantors', 'Omniscience achieved']
    ]);
    var chart = new google.visualization.AnnotationChart(document.getElementById('chart_div'));
    var options = {
      displayAnnotations: true,
      scaleFormat: '#'
    };
    chart.draw(data, options);
  }

默认情况下，纵轴的格式为整数，这对于读取图表来说并不理想。文档有scaleFormat选项（整数默认为"#"），但没有提供任何替代选项。我无法在文档中获得任何其他数字格式选项。

如何将Y轴刻度格式化为小数点后1位的数字？

#只是一个例子，您可以用任何方式格式化它。对于小数点为1的数字，您需要执行以下操作：

scaleFormat: '#.#'
相关文章：