如何为Google图表的栏设置渐变色

Question

我在Android应用中使用Google图表。我已使用柱形图显示图形数据。但我想将渐变颜色设置为bar。

Answer 1

尝试

结合多种来源的方法，我得出了用于更改图表背景的解决方案-

//Set background opacity and fill
d3.selectAll('.chart g.c3-event-rects').style('fill-opacity', '1');
d3.selectAll('.chart g.c3-event-rects').style('fill', 'url(#something)');

//Insert gradient

let gradient = d3.select('defs')
.append('linearGradient')
.attr('id', 'gradient')
.attr('x1', '50%').attr('y1', '0%')
.attr('x2', '50%').attr('y2', '100%');

gradient
  .append('stop')
  .attr('offset', '0%')
  .attr('stop-color', '#FFFFFF')
  .attr('stop-opacity', '1');

gradient
  .append('stop')
  .attr('offset', '100%')
  .attr('stop-color', '#B38EE8')
  .attr('stop-opacity', '0');