[英]How to remove decimal values in google material charts
是否可以删除垂直轴上的十进制数? 我正在尝试显示两个图表,但我不知道如何删除这些十进制数字,因为选项刻度在材料图表中不起作用。
显示图表的脚本代码:
<script type="text/javascript">
// Load the Visualization API and the line package.
google.charts.load('current', {'packages':['bar']});// google.charts.load('visualization', '1', {'packages':['corechart']});
// Set a callback to run when the Google Visualization API is loaded.
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Rok', 'Pocet'],
<?php
foreach ($chart_data as $data) {
echo "['".$data["rok"]."', ".$data["pocet"]."],";
}
?>
]);
var data2 = google.visualization.arrayToDataTable([
['Rok', 'Pocet'],
<?php
foreach ($customers_data as $data) {
echo "['".$data["rok"]."', ".$data["pocet"]."],";
}
?>
]);
var options = {
chart: {
title: 'Chart 1',
},
};
var options2 = {chart: {
title: 'Chart 2',
},
};
var chart = new google.charts.Bar(document.getElementById('columnchart_material'));
chart.draw(data,google.charts.Bar.convertOptions(options));
var chart2 = new google.charts.Bar(document.getElementById('columnchart_material2'));
chart2.draw(data2,google.charts.Bar.convertOptions(options2));
}
</script>
现在显示如下:当前状态
我只想显示 0, 1, 2 ...
谢谢你的所有建议。
它有一个设置,你可以添加到你的选项变量中。 例如,如果要添加两个数字浮点数:
vAxis: {format:'0.00'}
hAxis: {format:'0.00'}
您可以在格式属性中添加任意数量的浮点数,例如:
vAxis: {format:'0.00000'}
vAxis: {format:'0.000'}
如果你想删除小数:
vAxis: {format:'0'}
vAxis: {format:'0'}
{format: ''}: displays numbers with no formatting (e.g., 8000000)
{format: 'decimal'}: displays numbers with thousands separators (e.g., 8,000,000)
{format: 'scientific'}: displays numbers in scientific notation (e.g., 8e6)
{format: 'currency'}: displays numbers in the local currency (e.g., $8,000,000.00)
{format: 'percent'}: displays numbers as percentages (e.g., 800,000,000%)
{format: 'short'}: displays abbreviated numbers (e.g., 8M)
{format: 'long'}: displays numbers as full words (e.g., 8 million)
var options2 = {
chart: {
title: 'Chart 2',
},
{
hAxis: {
format: '0'
}
},
{
hAxis: {
format: '0'
}
}
};
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.