Google 图表轴 Pattern/Format 添加逗号而不是小数

Question

无论我怎样尝试，我在纵轴和横轴上的网格线标签都显示小数点逗号。

例如，我的列值为 1.1 到 6.8，网格线标签显示类似于 5,28、5,52 等的内容。

我试过设置 Axis.format = '#,###.##' 和 data.cols[0].pattern = '#,###.##'。既不工作。模式错了吗？

顺便说一句，我正在使用 angular-google-chart，我仔细检查了选项是否正确传递给了 google api，它们确实是。

我看到有人在谈论格式化程序，但我很难相信 Google 图表的默认设置是添加逗号。

此外，我仔细阅读了 Google 上的折线图和轴文档。

请帮忙！

Answer 1

格式模式未定义哪些字符将用作 decimalSymbol 和 groupingSymbol。格式化值将取决于浏览器的语言设置（接受语言）

要强制使用特定格式，您必须以使用所需格式的语言加载 API（例如 'en'）

一些例子：

german

(decimalSymbol: comma , groupingSymbol: dot)

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

    function drawChart() {

      var data = new google.visualization.DataTable();
      data.addColumn('number', 'X');
      data.addColumn('number', 'Y');
      data.addColumn('number', 'Z');
      

      data.addRows([
        [4000.1,  1001.11, 1002.12],
        [4000.2,  1001.51, 1002.82],
        [4000.3,  1001.31, 1001.12]
      ]);

      var options = {
         vAxis: {
          format: '#,###.##'
        }, 
         hAxis: {
          format: '#,###.##'
        }
             
      };
      
      var chart = new google.visualization.LineChart(document.getElementById('linechart'));

      chart.draw(data, options);
    }

<div id="linechart"></div>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>

french

(decimalSymbol: comma , groupingSymbol: space)

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

    function drawChart() {

      var data = new google.visualization.DataTable();
      data.addColumn('number', 'X');
      data.addColumn('number', 'Y');
      data.addColumn('number', 'Z');
      

      data.addRows([
        [4000.1,  1001.11, 1002.12],
        [4000.2,  1001.51, 1002.82],
        [4000.3,  1001.31, 1001.12]
      ]);

      var options = {
         vAxis: {
          format: '#,###.##'
        }, 
         hAxis: {
          format: '#,###.##'
        }
             
      };
      
      var chart = new google.visualization.LineChart(document.getElementById('linechart'));

      chart.draw(data, options);
    }

<div id="linechart"></div>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>

english

(decimalSymbol: 点, groupingSymbol: 逗号)

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

    function drawChart() {

      var data = new google.visualization.DataTable();
      data.addColumn('number', 'X');
      data.addColumn('number', 'Y');
      data.addColumn('number', 'Z');
      

      data.addRows([
        [4000.1,  1001.11, 1002.12],
        [4000.2,  1001.51, 1002.82],
        [4000.3,  1001.31, 1001.12]
      ]);

      var options = {
         vAxis: {
          format: '#,###.##'
        }, 
         hAxis: {
          format: '#,###.##'
        }
             
      };
      
      var chart = new google.visualization.LineChart(document.getElementById('linechart'));

      chart.draw(data, options);
    }

<div id="linechart"></div>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>

Google 图表轴 Pattern/Format 添加逗号而不是小数

Google Charts Axis Pattern/Format Adding Comma Instead Of Decimal

linechart

google-visualization

angularjs

一些例子：