Question

我使用Google Graphs 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

在使用素材图表时，您应该在平局（google.charts.Scatter.convertOptions(options)）中使用chart.draw(data, google.charts.Scatter.convertOptions(options));，否则format等选项将无效。

请参阅Material Chart部分的底部。

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

编辑：

只是要注意这是一个非常常见的错误，也许有人应该尝试推动谷歌强调这一点的重要性。

Google Graphs在散点图上显示小数位

1 个答案: