2016-09-23 5 views
0

私はいくつかの大きな数字を表示するディンプルチャートを持っています。正確な値をツールボックスに表示したいのですが(14kに切り捨てられません)、tickFormatを変更しました。しかし、ディンプル/ d3はグループ分けのカンマを無視しているように見えます。ディンプルtickFormatはグループ化カンマを無視します

// this prints "12,345" as expected 
var f = d3.format(",.0f"); 
console.log(f(12345.123)); 

var data = [{"date":"2016-01-18","completed":1234123.100},{"date":"2016-01-19","completed":1345123.0},{"date":"2016-01-20","completed":2123123.1}] 

var svg = dimple.newSvg("#foo", "100%", "100%"); 
var myChart = new dimple.chart(svg, data); 
var x = myChart.addTimeAxis("x", "date", "%Y-%m-%d", "%d/%m"); 
var y = myChart.addMeasureAxis("y", "completed"); 

// this does not work 
// tooltips and y axis values appear without grouping comma 
y.tickFormat = d3.format(",.0f"); 
myChart.setMargins("60px", "30px", "30px", "70px"); 
series = myChart.addSeries(null, dimple.plot.line); 
myChart.draw(); 

答えて

1

APIドキュメントをフォーマット指定文字列(すなわち",.0f")を受け入れるdimple.axis.tickFormatプロパティよります。 に渡されます。自分でに電話する必要はありません。これは内部で関数_getFormat()で行われます。あなたのコードは

y.tickFormat = ",.0f"; 
になります
関連する問題