2017-08-31 53 views
1

如何在谷歌图表格式中使用点而不是逗号显示垂直比例的vAxis格式。 示例(现在):100,000 示例(当时):100.000谷歌图表 - 格式vAxis点而不是逗号

我知道诀窍是'格式'功能,但我无法让它像我想要的那样工作。

我试图像这样进行格式化:

vAxis: {minValue:0, format:'##.##'} 

回答

1

如果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>

+0

这正是我所期待的 – T2Admin

0

试试这个:

vAxis.format:{format:'##.##'} 
+0

还是一样:/ – T2Admin

+0

这是谷歌图表的参考可能会帮助你: [链接](https://developers.google.com/chart/interactive/docs/gallery/columnchart#configuration-选项) – 2017-08-31 14:07:03

+1

'vAxis.format'符号不是你实际上应该使用(除非你正在分配给一个对象,例如options.vAxis.format ='...')。它旨在作为嵌套结构的缩写:vAxis:{format:'...'}。 – dlaliberte