javascript - 谷歌图表工具提示

Question

我在我的网站上使用 Google 饼图来显示公司开支的一些数据。当我将鼠标悬停在切片上时，图表为我提供了很好的工具提示。它说例如 27%，并给出费用数，例如 522552225.00。我想做的是格式化数字，因为当数字很大时很难阅读。我想用这个代替 522,552,225.00。

问题是数字来自数据库。

有解决办法吗？

谢谢!

<script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ["Label","Value"],
          <?php echo $MyDataArrayAsString; ?>
        ]);

        var formatter = new google.visualization.NumberFormat({pattern:'#,###.00'});
        // format column 1 of DataTable "data"
        formatter.format(data, 2);

        var options = {"width":<?php echo $params->get('width')?>,
                       "height":<?php echo $params->get('height')?>, 
                       "tooltip": {"trigger": '<?php echo $params->get('tooltip')?>' },
                    };

        var chart = new google.visualization.PieChart(document.getElementById('donutchart'));
        chart.draw(data, options);
      }

</script>

Answer 1

使用 NumberFormatter在适当的 DataTable 列上:

var formatter = new google.visualization.NumberFormat({pattern: '#,###.00'});
// format column 1 of DataTable "data"
formatter.format(data, 1);