删除C3.js时间序列图中的黑色SVG填充

Question

在此示例之后，我尝试使用C3.js创建时间序列图，但是生成的图会创建黑色svg填充，这并不是我想要的。如何将fill属性设置为none？请参阅的代码stackblitz.com。import * as c3 from 'c3';const appDiv = document.getElementById('#app');c3.generate({  bindto: appDiv,  data: {    x: 'x',    columns: [      ['x', '2013-01-01', '2013-01-02', '2013-01-03', '2013-01-04', '2013-01-05', '2013-01-06'],      ['data', 130, 340, 200, 500, 250, 350]    ]  },  axis: {    x: {      type: 'timeseries',      tick: {        format: '%Y-%m-%d'      }    }  }});<div id="app"></div>

Answer 1

您在stackblitz代码示例中用作依赖项的npm链接省略了c3 css样式。如果您引用c3 github链接，则尝试时会在其中提供一个示例小提琴以进行分叉，它同时引用了c3.js和c3.css（将c3.css设置fill为none）

这是代码的分叉小提琴，显示了未填充的时间序列

希望这可以帮助。