Удалить черную SVG-заливку в диаграмме временных рядов C3.js

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

Ссылка npm , которую вы используете в качестве зависимости в примере кода стекаблица, опускает стиль c3 css . Если вы ссылаетесь на ссылку c3 github , есть пример fiddle , переданный для разветвления, который ссылается как на c3.js, так и на c3.css (который устанавливает fill нет)

Вот раздвоенная скрипка с вашим кодом, показывающая незаполненную серию времени

Надеюсь, это поможет.