css - C3 CSS 具有 .c3 路径和 .c3 行语句，但仍然在折线图上显示黑色空间

Question

Basic C3 graph .我有一个基本的 C3 线图，用于演示，只要点相交，就会出现黑色空间。图形显示正常且功能正常，只是我无法弄清楚的黑色空间。寻找任何其他解决方案。我也在这个元素中使用 bootstrap 3 和相关的 CSS

下载了 C3 并在我的 html 文档中引用了 css 和 js。确保 CSS 文件具有前面问题中提到的以下引用的 .c3path 代码，但问题仍然存在。

.c3 path, .c3 line {
  fill: none;
  stroke: #000;

var chart = c3.generate({
    bindto: '#chart',
    data: {
        columns: [
            ['SUDT MEDS', 30, 200, 100, 400, 150, 250],
            ['NON-SUDT MEDS', 50, 20, 10, 40, 15, 25]
        ],

    }

});

<link href="$SOURCE_DIR$\JS\C3-0.7.5\c3.css" rel="stylesheet" type="text/css" media=all />

没有错误信息。

Answer 1

我怀疑根本没有获取 css 文件。 $SOURCE_DIR$ - 这是在 php 或模板系统中解析的东西，否则它不是有效的文件路径。