Javascript c3.js中带渐变填充的黑色轮廓面积图

我有渐变色的面积图。但我需要的是我的轮廓始终是纯黑的

代码：

<Chart id={'graph'}
oninit={ () => {
  ChartData[0]['desired'] = desired;
  ChartData[ChartData.length-1]['desired'] = desired;
  const gradient = d3.select('svg')
    .append("linearGradient")
    .attr('id', 'gradient')
    .attr('x1', '40%').attr('y1', '0%')
    .attr('x2', '50%').attr('y2', '100%');

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

  gradient
    .append('stop')
    .attr('offset', '100%')
    .attr('stop-color', '#FFFFFF')
    .attr('stop-opacity', '1');
}}
legend= {{show:false}}
padding= {{
 right: 30,
 left: 50}}
data= {{
  json: ChartData,
  labels: true,
  keys: {
    x: 'date',
    value:  ['value','desired']
  },
  colors: {
    value:'url(#gradient)',
    desired: 'red'
  },
  types:{
    value:'area-spline',
    desired:'line'
  }, 

{
ChartData[0]['desired']=desired；
ChartData[ChartData.length-1][‘所需’]=所需；
常量梯度=d3。选择（'svg'）
.append（“linearGradient”）
.attr（'id'，'gradient'））
.attr（'x1'，'40%'）。attr（'y1'，'0%'））
.attr（'x2'，'50%'）。attr（'y2'，'100%'）；
坡度
.append（'stop'）
.attr（“偏移量”、“30%”）
.attr（'stop-color'，'000000'）
.attr（'stop-opacity'，'1'）；
坡度
.append（'stop'）
.attr（“偏移量”、“100%”）
.attr（'stop-color'，'#FFFFFF'）
.attr（'stop-opacity'，'1'）；
}}
图例={show:false}
填充={{
右:30,，
左：50}
数据={{
json:ChartData，
标签：对，
关键点：{
x:'日期'，
值：['value'，'desired']
},
颜色：{
值：'url（#渐变）'，
“红色”
},
类型：{
值：'area-spline'，
所需：'line'
}, 

我所拥有的：

正如您所见，在低点，轮廓几乎是白色的，这不适合我的要求。

修复。 只需添加到CSS

.c3-line-[column-name] {
    stroke-width: 1.5px !important;
    stroke: black !important;
}

---

用简单的CSS很容易修复。@dfsq我试过了。c3行{笔划：黑色！重要；但我的红线变成了黑色。只需添加到CSS。c3行-[列名]{笔划宽度：1.5px！重要；笔划：黑色！重要；}