代码之家  ›  专栏  ›  技术社区  ›  Chris Lewis

googlecharts-设置正确的区域设置以s显示值

  •  1
  • Chris Lewis  · 技术社区  · 6 年前

    我有一个带有货币值的谷歌条形图,我只想用s格式化Y轴。我尝试使用“en”显式设置区域设置,但它仍然显示为$。如果我设置了其他区域设置,那么它会以该区域设置的本地货币显示。。。但这似乎不适用于英国人。

    google.charts.load('current', {packages:['corechart'], language: 'en'});

    例如 https://jsfiddle.net/ynsqwe6o/5/

    1 回复  |  直到 6 年前
        1
  •  2
  •   WhiteHat    6 年前

    使用语言代码--> 'en-GB'

    google.charts.load('current', {
      packages: ['corechart'],
      language: 'en-GB'
    });
    google.charts.setOnLoadCallback(drawStuff);
    
    function drawStuff() {
      var data = new google.visualization.DataTable();
      data.addColumn('string', 'Country');
      data.addColumn('number', 'GDP');
      data.addRows([
        ['US', 16768100],
        ['China', 9181204],
        ['Japan', 4898532],
        ['Germany', 3730261],
        ['France', 2678455]
      ]);
    
      var options = {
        chartArea: {
          left: 108
        },
        title: 'GDP of selected countries, in \u00A3pounds',
        width: 500,
        height: 300,
        legend: 'none',
        bar: {
          groupWidth: '95%'
        },
        vAxis: {
          format: "currency",
          gridlines: {
            count: 4
          }
        }
      };
    
      var chart = new google.visualization.ColumnChart(document.getElementById('number_format_chart'));
      chart.draw(data, options);
    };
    <script src="https://www.gstatic.com/charts/loader.js"></script>
    <div id="number_format_chart"></div>