2

私はangularjsとGoogleのグラフを使用しています。Googleの円グラフのゼロ値

Google Pie Chartにゼロ値を含めるにはどうすればよいですか?どのような方法がにありdisplay zero value in pie chart like this

:私はsliceVisibilityThreshold含むことにより、凡例にそれを示すことができています:0 see screenshot to see what I already have

しかし、私が欲しいのは、両方の凡例に、グラフに表示することです私が欲しいものを達成する?私はGoogleフォーラムで検索しましたが、解決策は見つかりませんでした。前もって感謝します。

答えて

1

ゼロが

legend: { 
    position: 'labeled' 
    }, 

のためのラインを表示するlegend.position: 'labeled'のためのオプションを使用してお返事の作業スニペット次...

google.charts.load('current', { 
 
    callback: function() { 
 
    var data = new google.visualization.DataTable({ 
 
     "cols": [ 
 
     {"label": "Country", "type": "string"}, 
 
     {"label": "# of Devices", "type": "number"} 
 
     ], 
 
     "rows": [ 
 
     {"c": [{"v": "Canada"}, {"v": 0}]}, 
 
     {"c": [{"v": "Mexico"}, {"v": 33}]}, 
 
     {"c": [{"v": "USA"}, {"v": 34}]} 
 
     ] 
 
    }); 
 

 
    var container = document.getElementById('chart_div'); 
 
    var chart = new google.visualization.PieChart(container); 
 

 
    chart.draw(data, { 
 
     height: 400, 
 
     legend: { 
 
     position: 'labeled' 
 
     }, 
 
     sliceVisibilityThreshold: 0, 
 
     width: 600 
 
    }); 
 
    }, 
 
    packages:['corechart'] 
 
});
<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="chart_div"></div>

+0

感謝を参照してください。しかし、私はまた、(スライスの値と共に)下部に凡例を表示したいと思います。だから私はこの方法を使うことはできないと思う! –

+0

あなた自身のカスタム凡例を追加することができます - [こちらは例です](http://stackoverflow.com/a/36064828/5090771) – WhiteHat

関連する問題