Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/425.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 谷歌图表工具提示_Javascript_Google Visualization - Fatal编程技术网

Javascript 谷歌图表工具提示

Javascript 谷歌图表工具提示,javascript,google-visualization,Javascript,Google Visualization,我在我的网站上使用谷歌饼图来显示公司开支的一些数据。当我悬停在切片上时,图表给了我很好的工具提示。例如,它表示27%,并给出了522552225.00的费用数字。我想做的是将数字格式化,因为当数字较大时很难读取。我想要这个522552225.00 问题是这个数字来自数据库 有解决办法吗 谢谢 <script type="text/javascript"> google.load("visualization", "1", {packages:["corechart"]})

我在我的网站上使用谷歌饼图来显示公司开支的一些数据。当我悬停在切片上时,图表给了我很好的工具提示。例如,它表示27%,并给出了522552225.00的费用数字。我想做的是将数字格式化,因为当数字较大时很难读取。我想要这个522552225.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>

load(“可视化”、“1”、{packages:[“corechart”]});
setOnLoadCallback(drawChart);
函数绘图图(){
var data=google.visualization.arrayToDataTable([
[“标签”、“值”],
]);
var formatter=new google.visualization.NumberFormat({pattern:'#,###.00'});
//设置数据表“数据”第1列的格式
格式(数据,2);
变量选项={“宽度”:,
“高度”:,
“工具提示”:{“触发器”:“”},
};
var chart=new google.visualization.PieChart(document.getElementById('donutchart');
图表绘制(数据、选项);
}
在相应的数据表列上使用a:

var formatter = new google.visualization.NumberFormat({pattern: '#,###.00'});
// format column 1 of DataTable "data"
formatter.format(data, 1);
在适当的DataTable列上使用:

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

好的,asgallant,谢谢你的回答,我认为它应该是正确的,但是我没有在我的代码中使用它。我用代码编辑了我的问题,如果我把所有的东西都放在这里,它什么也不会显示。您看到问题出在哪里了吗?您的DataTable只有两列数据,因此调用
formatter.format(数据,2)不会做任何事情。列的索引为零,因此0中的“标签”列和“值”列为1。使用
formatter.format(数据,1)正如我在我的回答中所发布的。谢谢,我尝试了这两种方法,但由于另一个原因无效,你的答案是正确的。更正
模式:#,###.00
模式:'#,###.00'
,这将很有效。谢谢你抓到输入错误;我修正了答案。好的,asgallant,谢谢你的回答,我认为它应该是正确的,但我没有在我的代码中使用它。我用代码编辑了我的问题,如果我把所有的东西都放在这里,它什么也不会显示。您看到问题出在哪里了吗?您的DataTable只有两列数据,因此调用
formatter.format(数据,2)不会做任何事情。列的索引为零,因此0中的“标签”列和“值”列为1。使用
formatter.format(数据,1)正如我在我的回答中所发布的。谢谢,我尝试了这两种方法,但由于另一个原因无效,你的答案是正确的。更正
模式:#,###.00
模式:'#,###.00'
,这将很有效。谢谢你抓到输入错误;我修正了答案。