2017-09-05 8 views
0

Googleグラフで数値形式を変更する際に問題があります。 私はstackoverflowのトピックを確認し、私はそれを見つけた:http://jsfiddle.net/h5ea6xqu/ 私の問題は簡単です、私はまったく同じことが欲しいですが、それは動作しません。Googleグラフグラフの数値形式を変更する

私は "、"代わりに私のグループシンボルのためのスペースを持っています...誰かが解決策を持っているなら、それはすばらしいでしょう。 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); 
    } 
+0

うわー、私はここに私のコードをコピー&ペースト:http://jsfiddle.net/4701Lbjm/それはjsfiddleに取り組んでいますが、私のアプリケーションでは、ここでの結果である:http://puu.shは/xstcv/efae425228.png 私はあなたが見ることができるように同じコードを強く持っています:http://puu.sh/xstdu/ca015d8f9b.png – WWWWWWWWWWWWWWP

答えて

0

私は疑問に正確

いますが、バー(注釈)に示す番号

をフォーマットしたい場合にも、その列をフォーマットに従っていないことを確認...

numberFormat.format(data, 3); 

0 ...次の作業スニペットを参照してください

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>

+0

こんにちはWhiteHat、助けてくれてありがとう、私は解決策を見つけました。 gstatic.com/charts/loader.jsの代わりに "jsapi"を使用します。 これで、同じコードで完全に動作しています... – WWWWWWWWWWWWWWP

+0

fyi: "jsapi"は古いバージョンであり、もう使用しないでください... – WhiteHat