谷歌图表垂直轴奇怪的标签

Question

我制作了一个Google柱形图。 它显示确定。但垂直轴标签显示的是我从未设置过的单位。 这是屏幕截图。

我不明白为什么它显示“1 td”而不是1000，“1,2 td”而不是1200.

这是我的代码：

google.load("visualization", "1.1", {packages:["bar"]});

google.setOnLoadCallback(drawChart);

function drawChart() {
     var data = google.visualization.arrayToDataTable([
            ….
            ….
]);

var options = {
          title: 'My Test',
 };

var chart = new google.charts.Bar(document.getElementById('columnchart_material'));
chart.draw(data, options);

<div id="columnchart_material" style="width: 900px; height: 500px;"></div>

我的代码没有任何特殊的垂直轴部分，我使用谷歌图表库。 为什么它为垂直轴获得'td'单位，即使我没有设置自己？ 是谷歌柱形图默认选项吗？ 我尝试用vAxis:操纵垂直轴值。但没有运气。 有什么建议吗？

Answer 1

显然，使用material bar charts时，y - 轴（vAxis）默认格式为short，意味着显示td数千等等。要将此设置format重置为''：

var options = {
  axes : {
    y : {
      all : {
        format : {
           pattern : ''
        }
      }
    }
  }
}    
var chart = new google.charts.Bar(document.getElementById('columnchart_material'));
chart.draw(data, options);

演示 - ＆gt;的 http://jsfiddle.net/sfc9aLd4/

但是材料图表仍处于测试阶段，许多选项尚未记录或记录不佳。幸运的是，我们可以使用谷歌可视化选项对象布局并将其转换为convertOptions(options)：

var options = {
    vAxis : {
        format : '' //or #####
    }
}    
var chart = new google.charts.Bar(document.getElementById('columnchart_material'));
chart.draw(data, google.charts.Bar.convertOptions(options));

将导致与上述axes : { ... }相同的结果 演示 - ＆gt;的 http://jsfiddle.net/3aq7gucd/

使用材料图表format似乎存在一些差异。 'none'现在是''。 decimal应更改为####.##或同等。 scientific，currency和percent与之前一样。