1

在此处输入图像描述

在此图像中,每个条形上方的 y 轴值和值不是印度数字格式,它们是否可以更改数字格式

4

1 回答 1

1

你可以使用NumberFormat

提供模式并格式化数据列,
这将格式化注释和工具提示

var formatNumber = new google.visualization.NumberFormat({
  pattern: '##,##,##0.000'
});
formatNumber.format(data, 1);
formatNumber.format(data, 2);

要格式化 y 轴,请在图表选项中提供相同的模式...

vAxis: {
  format: '##,##,##0.000'
}

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

google.charts.load('current', {
  callback: drawChart,
  packages:['corechart']
});

function drawChart() {
  var data = google.visualization.arrayToDataTable([
    ['Month', 'ByCash', 'ByCard'],
    ['April 2017', 2065937, 0],
    ['May 2017', 1522408, 0],
    ['June 2017', 811576, 750],
  ]);

  var numberPattern = '##,##,##0.000';

  var formatNumber = new google.visualization.NumberFormat({
    pattern: numberPattern
  });
  formatNumber.format(data, 1);
  formatNumber.format(data, 2);

  var view = new google.visualization.DataView(data);
  view.setColumns([0, 1, {
    calc: 'stringify',
    sourceColumn: 1,
    type: 'string',
    role: 'annotation'
  }, 2, {
    calc: 'stringify',
    sourceColumn: 2,
    type: 'string',
    role: 'annotation'
  }]);

  var options = {
    annotations: {
      alwaysOutside: true
    },
    colors: ['#00BCD4', '#0097A7'],
    height: 400,
    vAxis: {
      format: numberPattern
    }
  };

  var chart = new google.visualization.ColumnChart(document.getElementById('chart'));
  chart.draw(view, options);
}
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart"></div>

于 2017-07-24T14:43:10.270 回答