在谷歌海圖圖表中更改數字格式

我在更改谷歌圖表中的數字格式時遇到問題。我檢查了stackoverflow話題，我發現它：http://jsfiddle.net/h5ea6xqu/ 我的問題很簡單，我想完全一樣的東西，但它不工作。在谷歌海圖圖表中更改數字格式

我用「，」代替我的分組符號的空間......如果有人有解決方案，那將是非常棒的。 my problem 我的代碼：

function drawChart($id) { 
    var id=$id; 
    var kwexist = (id + "_kw_exist"); 
    var kwexistvariable = $("#"+kwexist).html(); 

    var kwled = (id + "_kw_led"); 
    var kwledvariable = $("#"+kwled).html(); 

var data = google.visualization.arrayToDataTable([ 
     ['Element', 'Density', { role: 'style' }, { role: 'annotation' } ], 
     ['Existant kWh', parseFloat(kwexistvariable), '#3B7CC9', parseFloat(kwexistvariable)], 
     ['LED kWh', parseFloat(kwledvariable), '#3B7CC9' , parseFloat(kwledvariable)] 
    ]); 


    var options = { 

    }; 

     var numberFormat = new google.visualization.NumberFormat({ 
      groupingSymbol: ' ' 
     }) 

     numberFormat.format(data, 1); 


    var chart_div = document.getElementById('chart_div_kw'); 
    var chart = new google.visualization.ColumnChart(chart_div); 


    // Wait for the chart to finish drawing before calling the getImageURI() method. 
    google.visualization.events.addListener(chart, 'ready', function() { 
     chart_div.innerHTML = chart.getImageURI(); 
     var testokok = chart.getImageURI(); 
     console.log(chart_div.innerHTML); 
    }); 


    chart.draw(data, options); 
    }

來源

2017-09-05 WWWWWWWWWWWWWWP

哇，我複製粘貼在這裏我的代碼：http://jsfiddle.net/4701Lbjm/它的工作的jsfiddle但在我的應用程序，這裏是結果：http://puu.sh /xstcv/efae425228.png 我有嚴格的相同的代碼...你可以看到：http://puu.sh/xstdu/ca015d8f9b.png – WWWWWWWWWWWWWWP

不知道我按照問題究竟

，但如果你想格式化

上的條形碼（註釋）顯示的數字也格式化列...

numberFormat.format(data, 3);

看到下面的工作片段...

google.charts.load('current', { 
 
    callback: drawChart, 
 
    packages: ['corechart'] 
 
}); 
 

 
function drawChart($id) { 
 
    var data = google.visualization.arrayToDataTable([ 
 
    ['Element', 'Density', { role: 'style' }, { role: 'annotation' } ], 
 
    ['Existant kWh', parseFloat(10000), '#3B7CC9', parseFloat(10000)], 
 
    ['LED kWh', parseFloat(15000), '#3B7CC9' , parseFloat(15000)] 
 
    ]); 
 

 
    var options = { 
 

 
    }; 
 

 
    var numberFormat = new google.visualization.NumberFormat({ 
 
    groupingSymbol: ' ' 
 
    }); 
 
    numberFormat.format(data, 1); 
 
    numberFormat.format(data, 3); 
 

 
    var chart_div = document.getElementById('chart_div'); 
 
    var chart = new google.visualization.ColumnChart(chart_div); 
 
    chart.draw(data, options); 
 
}

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="chart_div"></div>

來源

2017-09-06 12:38:23 WhiteHat

你好WhiteHat，謝謝你的幫助，我找到了解決方案。現在我使用「jsapi」而不是gstatic.com/charts/loader.js。現在它的工作完全相同的代碼... – WWWWWWWWWWWWWWP

fyi：「jsapi」是一箇舊版本，不應再使用... – WhiteHat

在谷歌海圖圖表中更改數字格式

回答

相關問題