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"; }
            }
        }

    });

除了显示空白框而不是我要打印的值的工具提示之外，其他所有内容都可以正常工作。即使我删除了自定义工具提示格式，默认的工具提示仍然不会显示。

我没有修改css的js和C3.js文件，当我在他们的网站（https://c3js.org/samples/chart_donut.html）上运行相同的代码时，它工作得很好。

这是当我尝试在网站上查看工具提示时显示的内容：



这是我想显示的内容（如果在https://c3js.org/samples/chart_donut.html上运行此代码，这应该会发生）：

最佳答案

没有完整的答案，但是太大而无法在评论中显示：

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

c3演示页面使用另一个css文件Fou​​ndation.css，将其设置为“＃222”。 （我可以通过将该规则/属性组合的css文件的值更改为“白色”来重新创建您的问题）。上面链接的jsfiddle使用的浏览器默认值对我来说是chrome＃000。

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

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

关于javascript - C3.js工具提示不显示任何文本，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/56755956/