使用Google Apps脚本中的切片设置选项

时间:2016-08-12 13:35:57

标签: charts google-apps-script google-visualization

我正在使用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}])

然而,这似乎不起作用 - 我最终得到了这个:

Pie chart

很奇怪 - 它是否与两个元素(范围中的A和B列值)有关?这可以解释,如果模式是它总是跳过一个切片,但在某一点它跳过两个 - 奇怪!有什么建议吗?

祝福

戴夫

1 个答案:

答案 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;
&#13;
&#13;