删除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）这是代码的分叉小提琴，显示了未填充的时间序列希望这可以帮助。