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

Question

我正在尝试使用跟随this example的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 link省略了c3 css样式。如果您引用c3 github link，那么在尝试时会有一个fiddle示例用于fork，它引用了c3.js和c3.css（它将fill设置为none）

这是一个forked fiddle与您的代码，显示一个非填充的时间序列

希望这可以帮助。