Javascript C3.js工具提示不显示任何文本

我使用的是C3.js的0.7.1版，我创建了一个甜甜圈图表，代码如下：

var chart = c3.generate({
        data: {
            columns: [
                ['Critical', 100],
                ['High', 200],
                ['Informational', 300],
                ['Medium', 400],
                ['Low', 500],
            ],
            type : 'donut',
        },
        donut: {
            title: "Finding Severities"
        },
        tooltip: {
            format: {
                value: function (value, ratio, id, index) { return value + " " + id + " Findings"; }
            }
        }

    });

除了工具提示外，其他一切都很好，工具提示显示为空白框，而不是我试图打印的值。即使删除自定义工具提示格式，默认工具提示仍不会显示

我没有修改C3.js的css和js文件，当我在他们的网站上运行相同的代码时，它工作得非常好

以下是我尝试查看网站上的工具提示时显示的内容：

下面是我想展示的内容，如果在上运行此代码，应该会发生什么：

---

不是一个完整的答案，但太大，无法放入评论：

某个地方，正在将表格单元格元素的css颜色样式设置为“白色”或“fff”。c3.css本身没有此属性的规则，因此将在加载的另一个css文件中设置此属性，或者它可能是您正在使用的任何浏览器的默认值

C3演示页面使用另一个CSS文件，基础.CSS，将其设置为“222”。我可以通过将该规则/属性组合的css文件的值更改为“白色”来重新创建您的问题。上面链接的JSFIDLE使用浏览器默认值，在chrome中，我的默认值是“000”

因此，添加此css规则，我90%确信问题会消失：

.c3-tooltip td {
    color: #222;
}

---

不是一个完整的答案，但太大，无法放入评论：

某个地方，正在将表格单元格元素的css颜色样式设置为“白色”或“fff”。c3.css本身没有此属性的规则，因此将在加载的另一个css文件中设置此属性，或者它可能是您正在使用的任何浏览器的默认值

C3演示页面使用另一个CSS文件，基础.CSS，将其设置为“222”。我可以通过将该规则/属性组合的css文件的值更改为“白色”来重新创建您的问题。上面链接的JSFIDLE使用浏览器默认值，在chrome中，我的默认值是“000”

因此，添加此css规则，我90%确信问题会消失：

.c3-tooltip td {
    color: #222;
}

---

不，它仍然会显示一个空的工具提示，即使删除了工具提示选项，我从代码中编写了一个提琴，它实际上是按原样工作的：你知道为什么它决定停止在我的网站中工作吗？这可能与我生成图表的方式有关吗？我使用的是所有默认的c3.js文件和设置，这就是为什么我对它不起作用感到困惑的原因。我知道代码很好，请看这个问题的公认答案：注意他是如何在HTML标记中声明CSS和JSs的。你应该从那里开始，然后定制它。我也这么做了，但仍然没有运气。不，它仍然会显示一个空的工具提示，即使删除了工具提示选项。我从你的代码中编写了一个提琴，它实际上是这样工作的：你知道为什么它决定停止在我的网站内工作吗？这可能与我生成图表的方式有关吗？我使用的是所有默认的c3.js文件和设置，这就是为什么我对它不起作用感到困惑的原因。我知道代码很好，请看这个问题的公认答案：注意他是如何在HTML标记中声明CSS和JSs的。你应该从那里开始，然后定制它。我也这么做了，但还是没有运气。