我正在使用Google Charts服务进行一些测试,而且我试图爆炸我的饼图的某些片段。但是,这并不像我希望的那样有效。
我的数据源是A1:B30的范围,当我尝试在其中爆炸范围时,例如前4个切片,我认为这样做会有效:
setOption('slices',['0',{offset: 0.75},'1',{offset: 0.75},'2',{offset: 0.75},
'3',{offset: 0.75},'4',{offset: 0.75}])
然而,这似乎不起作用 - 我最终得到了这个:
很奇怪 - 它是否与两个元素(范围中的A和B列值)有关?这可以解释,如果模式是它总是跳过一个切片,但在某一点它跳过两个 - 奇怪!有什么建议吗?
祝福
戴夫
答案 0 :(得分:1)
有两个选项可用于定义slices
您可以将对象({}
)与每个切片的命名键一起使用
pieChart.setOption('slices', {
0: {offset: 0.05},
1: {offset: 0.15},
2: {offset: 0.25},
3: {offset: 0.35}
});
或每个切片的对象数组([]
)
pieChart.setOption('slices', [
{offset: 0.05},
{offset: 0.15},
{offset: 0.25},
{offset: 0.35}
]);
每个与相关代码略有不同,请参阅以下工作代码段...
google.charts.load('current', {
callback: function () {
var data = google.visualization.arrayToDataTable([
['Language', 'Speakers (in millions)'],
['Assamese', 13], ['Bengali', 83], ['Bodo', 14],
['Dogri', 23], ['Gujarati', 46], ['Hindi', 300],
['Kannada', 38], ['Kashmiri', 5.5], ['Konkani', 5],
['Maithili', 20], ['Malayalam', 33], ['Manipuri', 1.5],
['Marathi', 72], ['Nepali', 2.9], ['Oriya', 33],
['Punjabi', 29], ['Sanskrit', 0.01], ['Santhali', 6.5],
['Sindhi', 2.5], ['Tamil', 61], ['Telugu', 74], ['Urdu', 52]
]);
var pieChart = new google.visualization.ChartWrapper({
chartType: 'PieChart',
containerId: 'chart_div',
dataTable: data,
options: {
height: 400,
width: 400
}
});
pieChart.setOption('slices', {
0: {offset: 0.05},
1: {offset: 0.15},
2: {offset: 0.25},
3: {offset: 0.35}
});
pieChart.draw();
},
packages:['controls', 'corechart']
});

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