Google 图表纵轴奇怪的标签

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>

我的代码没有关于垂直轴的特殊部分，我使用了 google 图表库。 为什么我没有自己设置垂直轴的单位是 'td'？是Google柱形图默认选项吗？ 我尝试用 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);

演示 -> http://jsfiddle.net/sfc9aLd4/

但 material 图表仍处于测试阶段，许多选项尚未记录或记录不佳。幸运的是，我们可以使用 google 可视化选项对象布局并将其转换为 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 : { ... }
演示 -> http://jsfiddle.net/3aq7gucd/

material 图表似乎与 format 有所不同。 'none' 现在是 ''。 decimal 应更改为 ####.## 或类似。 scientific、currency 和 percent 和以前一样工作。

Google 图表纵轴奇怪的标签

Google chart vertical axis strange label

charts

google-visualization

material-design