为区域图表指定实际颜色

Question

代表一个区域，给它不同的颜色图案，但线条采用实际颜色，而区域采用较浅的颜色。即

这不是我想要的行为，我希望区域具有实际颜色而不是线条。

线条的颜色相同，但较浅的阴影在面积图上显示。

如何让C3js中的颜色看起来完全一样？

以下是绘制图表的代码片段。

c3.generate
  bindto: '#tasks_backlog'
  size:
    height: 240
  data:
    x: 'Date Completed'
    columns: data
    type: 'area'
    groups: [
      ['3+ Days Requested Tasks', 'Sales Management', 'Service Management', 'Proactive Management', 'Requested Tasks']
  ]
  color:
    pattern: ['#F78768', '#FDD271', '#0DD89D', '#5098EE', '#809DCC', '#FCFCFC']
  axis:
    x:
      type: 'timeseries'
      padding:
        right: -10
        left: 10
      tick:
        format: '%d/%m'
  legend: show: false