Google 图表显示散点上的小数位

Question

我使用 Google 图表 API 创建了一个散点图，一切都很好，除了它只会将小于 10 的散点作为小数位。

google.load('visualization', '1.1', {packages: ['scatter']});
google.setOnLoadCallback(drawChart);

function drawChart () {

var data = google.visualization.arrayToDataTable([
    ["Period", "C Spencer Ltd"],
    ["1", -11.4],["2", 36.7],
    ["3", null],
    ["4", null],
    ["5", null]
]);

  var options = {
    chart: {
      title: 'Scoring Trends',
      subtitle: '*All LAG scores validated from Period 4'
    },
    width: 900,
    height: 500
  };

  var chart = new google.charts.Scatter(document.getElementById('full_stacked_div'));

  chart.draw(data, options);

}

我试过使用 NumberFormatter 和 vAxis.format shown here 都没有任何乐趣。

Answer 1

在使用 material 图表时，您应该在绘图 (chart.draw(data, google.charts.Scatter.convertOptions(options));) 中使用 google.charts.Scatter.convertOptions(options)，否则像 format 这样的选项将不起作用。

请参阅 Material Chart 部分的底部。

Working fiddle 使用选项 vAxis:{format:'decimal'} 来完成您的请求。

编辑：

只是想指出这是一个非常常见的错误，也许有人应该尝试推动 google 强调这一点的重要性。

Google 图表显示散点上的小数位

Google Graphs show decimal places on scatter points

javascript

graph

google-visualization

jsfiddle