我正在使用谷歌折线图,在很多情况下,轴上的数字代表小数点。显然,由于我的数据代表的是人,因此以小数点显示轴是没有意义的。我希望它们四舍五入为整数。到目前为止,我一直在像这样使用 xAxis
中的 format
选项。
var options = {
legend: 'none',
hAxis: {
title: 'Dogs',
format: 'long'
}
};
但是,x 轴上的点表示为小数。 jsfiddle可以找到here 。出了什么问题以及如何解决这个问题?
最佳答案
您可以设置自定义格式说明符,例如:
#
(数字占位符)0
(零占位符)
示例
google.load('visualization', '1', { packages: ['corechart', 'line'] });
google.setOnLoadCallback(drawBasic);
function drawBasic() {
var data = new google.visualization.DataTable();
data.addColumn('number', 'X');
data.addColumn('number', 'Dogs');
data.addRows([
[0, 0]
]);
var options = {
legend: 'none',
hAxis: {
title: 'Dogs',
format: '#'
}
};
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<div id="chart_div"></div>
另一个选项是指定hAxis.ticks
:
Replaces the automatically generated X-axis ticks with the specified array.
示例
google.load('visualization', '1', { packages: ['corechart', 'line'] });
google.setOnLoadCallback(drawBasic);
function drawBasic() {
var data = new google.visualization.DataTable();
data.addColumn('number', 'X');
data.addColumn('number', 'Dogs');
data.addRows([
[0, 0]
]);
var options = {
legend: 'none',
hAxis: {
title: 'Dogs',
//format: '#'
ticks: [-1,0,1]
}
};
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<div id="chart_div"></div>
关于javascript - 从折线图轴中删除小数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32701844/