如何在谷歌图表格式中使用点而不是逗号显示垂直比例的vAxis格式。 示例(现在):100,000 示例(当时):100.000谷歌图表 - 格式vAxis点而不是逗号
我知道诀窍是'格式'功能,但我无法让它像我想要的那样工作。
我试图像这样进行格式化:
vAxis: {minValue:0, format:'##.##'}
如何在谷歌图表格式中使用点而不是逗号显示垂直比例的vAxis格式。 示例(现在):100,000 示例(当时):100.000谷歌图表 - 格式vAxis点而不是逗号
我知道诀窍是'格式'功能,但我无法让它像我想要的那样工作。
我试图像这样进行格式化:
vAxis: {minValue:0, format:'##.##'}
如果format
选项不能满足您的需求,
可以使用ticks
选项提供自定义标签
使用对象表示法,您可以同时提供...
v:
- 为对轴
f:
值 - 格式化值,以便在标签
{v: 100000, f: '100.000'}
看到,企图创建格式下列工作片断
的NumberFormat
类用于,
(不确定究竟需要什么)
data tabl E法getColumnRange
用于查找y轴
环路建立每个刻度轴标签的范围...
google.charts.load('current', {
callback: drawChart,
packages: ['corechart']
});
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('number', 'x');
data.addColumn('number', 'y0');
data.addRows([
[0, 500000],
[1, 500000],
[2, 200000],
[3, 700000],
[4, 400000]
]);
var formatNumber = new google.visualization.NumberFormat({
groupingSymbol: '.',
fractionDigits: 0
});
var ticksY = [];
var yRange = data.getColumnRange(1);
for (var i = 0; i <= yRange.max; i=i+100000) {
ticksY.push({
v: i,
f: formatNumber.formatValue(i)
});
}
var options = {
vAxis: {
ticks: ticksY
}
};
var chart = new google.visualization.LineChart(
document.getElementById('chart_div')
);
chart.draw(data, options);
}
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>
试试这个:
vAxis.format:{format:'##.##'}
还是一样:/ – T2Admin
这是谷歌图表的参考可能会帮助你: [链接](https://developers.google.com/chart/interactive/docs/gallery/columnchart#configuration-选项) – 2017-08-31 14:07:03
'vAxis.format'符号不是你实际上应该使用(除非你正在分配给一个对象,例如options.vAxis.format ='...')。它旨在作为嵌套结构的缩写:vAxis:{format:'...'}。 – dlaliberte
这正是我所期待的 – T2Admin