Google图表 - 在一个圆环图中显示两个或更多甜甜圈

时间:2014-10-20 08:00:35

标签: javascript css html5 charts google-visualization

我正在使用Google Charts。我有以下代码。

var newData = google.visualization.arrayToDataTable([
  ['Major', 'Degrees'],
  ['Business', 2], ['Education', 2],
  ['Social Sciences & History', 2], ['Health', 2],
  ['Psychology', 2]]);
var newData2 = google.visualization.arrayToDataTable([
  ['Major', 'Degrees'],
  ['Business', 2], ['Education', 3],
  ['Social Sciences & History', 1], ['Health', 2],
  ['Psychology', 4]]);
var options = { pieSliceText: 'none'};
var chartDiff = new google.visualization.PieChart(document.getElementById('donutchart'));
var diffData2 = chartDiff.computeDiff(newData, newData2);
chartDiff.draw(diffData2, options);

我得到以下输出。

http://tinypic.com/r/1ggizc/8

我想得到如下图所示的do-nut图表。

http://tinypic.com/r/169rbpz/8

是否有其他方法可以获得上面第二个链接中显示的圆环图。我想只在谷歌图表中。代码修改或完整代码更改的建议也没有问题。

提前致谢。

0 个答案:

没有答案