谷歌图表在散点上显示小数位答案

【问题标题】：Google Graphs show decimal places on scatter points谷歌图表在散点上显示小数位
【发布时间】：2015-10-06 13:30:03
【问题描述】：

我使用 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 都没有任何乐趣。

【问题讨论】：

验证和难倒
欢迎来到我的世界：/。谢谢你看看。欣赏它。

标签： javascript graph google-visualization jsfiddle

【解决方案1】：

在处理材料图表时，您应该在绘图中使用google.charts.Scatter.convertOptions(options) (chart.draw(data, google.charts.Scatter.convertOptions(options));)，否则format 之类的选项将不起作用。

参见Material Chart 部分的底部。

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

编辑：

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

【讨论】：