Google Graph 数据表 + 饼图样式

【问题标题】：Google Graph DataTable + Piechart stylingGoogle Graph 数据表 + 饼图样式
【发布时间】：2016-06-29 03:07:06
【问题描述】：

尝试通过dataTable.addRow设置饼图每个切片的颜色

使用以下代码显然应该可以工作：

//[...]
dataTable.addColumn({type: 'string', role: 'style'});
dataTable.addRow([graphData[i], parseFloat(graphData[i + 1]), 'color: #000000;      fill-color:#000000'
//[...]

根据此处的样式部分：https://developers.google.com/chart/interactive/docs/roles#what-roles-are-available

有没有人用饼图做这件事的例子？

干杯，

【问题讨论】：

标签： javascript google-visualization

【解决方案1】：

根据data format 的PieChart，唯一可用的可选角色是tooltip。

但您可以使用colors 配置选项，请参见以下示例...

google.charts.load('current', {
  callback: function () {
    new google.visualization.PieChart(document.getElementById('piechart')).draw(
      google.visualization.arrayToDataTable([
        ['Category', 'Hours'],
        ['Commute',   2],
        ['Eat',       2],
        ['Sleep',     6]
      ]),
      {
        colors: ['cyan', 'magenta', 'yellow'],
        pieSliceTextStyle: {
          color: 'black'
        }
      }
    );
  },
  packages: ['corechart']
});

<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="piechart"></div>

【讨论】：