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会在尝试时进行分叉，它同时引用c3.js和c3.css（将fill设置为没有）

这是您的代码中的forked fiddle，显示了未填充的时间序列

希望这会有所帮助。

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

1 个答案: