Question

尝试通过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

有没有人用饼图做任何这样的例子？

干杯，

Answer 1

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

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

＆＃13;

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']
});

＆＃13;

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

＆＃13;

Google Graph DataTable + Piechart样式

1 个答案: