Google Chart高精度小数自动舍入为3位小数问题咨询（附示例代码）

我明白你遇到的困扰——Google Charts默认会把高精度小数自动舍入到3位，导致原始数据的精度丢失。下面我来帮你拆解问题并给出具体的解决办法：

问题根源 #

这是Google Charts内置的数值格式化规则导致的，它默认只保留3位小数用于显示，所以像3.535778这类高精度数值会被自动处理成3.536（四舍五入后）。要保留完整精度或者自定义小数位数，我们需要手动设置格式化规则。

解决方案1：给数据列指定格式化规则 #

在创建数据表时，直接为需要高精度显示的列定义格式化方式，比如要保留6位小数可以这么写：

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

function drawChart() {
  // 改用DataTable构造函数，方便指定列的格式化规则
  var data = new google.visualization.DataTable();
  data.addColumn('number', 'Age');
  // 这里为Weight列设置保留6位小数的格式
  data.addColumn('number', 'Weight', {format: '0.000000'});
  
  data.addRows([
    [8, 3.535778],
    [4, 5.5],
    [11, 14],
    [4, 5],
    [3, 3.535678],
    [6.5, 7]
  ]);

  var options = {
    title: 'Age vs. Weight comparison',
    hAxis: {title: 'Age', minValue: 0, maxValue: 15},
    vAxis: {title: 'Weight', minValue: 0, maxValue: 15},
    legend: 'none'
  };

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

解决方案2：在图表选项中设置坐标轴格式化 #

如果只是想让坐标轴上的数值显示更多小数位，可以直接在options里为目标轴配置格式：

var options = {
  title: 'Age vs. Weight comparison',
  hAxis: {
    title: 'Age',
    minValue: 0,
    maxValue: 15
  },
  vAxis: {
    title: 'Weight',
    minValue: 0,
    maxValue: 15,
    // 为纵轴设置保留6位小数的格式
    format: '0.000000'
  },
  legend: 'none'
};

额外说明 #

• 格式化字符串'0.000000'会强制显示6位小数，哪怕末尾是0也会保留；如果想要只显示有效小数位，可以换成'#.######'。
• 要是需要完全显示原始数值（不管小数位数），可以使用'number'格式，或者自定义更灵活的格式化函数来处理特殊场景。

内容的提问来源于stack exchange，提问作者Jake Lam