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