2016-05-25 49 views
1

私はGoogle Chartsの問題に直面しています。私は0.1%以下の非常に小さな値を含む、ラベル付きの凡例を含むすべての値を示す円グラフが必要です。Google円グラフ:小数点以下2桁の丸め問題

は、私は次のようなデータを持っていると言う:

var data = google.visualization.arrayToDataTable([ 
     ['Task', 'Hours per Day'], 
     ['Work',  66], 
     ['Sleep', 33.95], 
     ['Eat', 0.05] 
    ]); 

(合計が100まで一致する)

問題は今のパーセンテージを計算するときに、Googleのチャートになる33.95を引き起こして、値を四捨五入していることですここで0

例になって34したがって、0.05:https://jsfiddle.net/4qe7h21s/

は、チャートエンジンのレコード生成を聞かせする方法はあります小数点以下1桁ではなく小数点以下2桁の割合

答えて

2

、割合

最初の形式または精度を変更するので、'Eat'は、次の'Other'

にも該当しない
sliceVisibilityThreshold: 0.0001

を設定する必要があり、中にカスタム書式設定値を提供するオプション以来データ
{v: 66, f: '66.00%'}

セットpieSliceTexttooltip.text'Eat'ためのスライスは、次の例を参照してください
tooltip.trigger: 'selection'

を使用し、とても小さいため、スライスは、ツールチップ

を見るために 'Eat'の凡例項目に正しい割合

クリックを示し

'value'

google.charts.load('current', { 
 
    callback: function() { 
 
    new google.visualization.PieChart(document.getElementById('chart_div')).draw(
 
     google.visualization.arrayToDataTable([ 
 
     ['Task', 'Hours per Day'], 
 
     ['Work', {v: 66, f: '66.00%'}], 
 
     ['Sleep', {v: 33.95, f: '33.95%'}], 
 
     ['Eat', {v: 0.05, f: '0.05%'}] 
 
     ]), 
 
     { 
 
     height: 400, 
 
     legend: { 
 
      position: 'right' 
 
     }, 
 
     pieSliceText: 'value', 
 
     sliceVisibilityThreshold: 0.0001, 
 
     title: 'My Daily Activities', 
 
     tooltip: { 
 
      showColorCode: true, 
 
      text: 'value', 
 
      trigger: 'selection' 
 
     }, 
 
     width: 600 
 
     } 
 
    ); 
 
    }, 
 
    packages: ['corechart', 'table'] 
 
});
<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="chart_div"></div>

+0

魅力的な作品です!私が必要としているものを正確に行います。ので、基本的にトリック事前定義された値を提供する。 –

関連する問題