javascript - c3.js 鼠标悬停时不显示值

Question

我正在使用c3js.org在我的应用程序中显示一些图表。问题是，图表工具提示没有显示任何值。

Code

<script>
  var chart = c3.generate({
    bindto: '#designerChart',
    data: {
        x: 'Service date',
        columns: [
            ['Service date', '01-07-2016', '02-07-2016', '03-07-2016', '04-07-2016', '05-07-2016', '06-07-2016', '07-07-2016', '08-07-2016', '09-07-2016', '10-07-2016', '11-07-2016', '12-07-2016', '13-07-2016', '14-07-2016', '15-07-2016', '16-07-2016', '17-07-2016', '18-07-2016', '19-07-2016', '20-07-2016', '21-07-2016', '22-07-2016', '23-07-2016', '24-07-2016', '25-07-2016', '26-07-2016', '27-07-2016', '28-07-2016', '29-07-2016', '30-07-2016', '31-07-2016'],
            ['No. of reservations', 0, 0, 1, 0, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
        ],
        type: 'bar',
    },
    axis: {
        x: {
            type: 'category',
            tick: {
                rotate: 75,
                multiline: false
            },
        },
    }
});
</script>

问题:如何在工具提示中显示值？

Answer 1

问题是我正在使用 patternfly.org它覆盖 c3js 样式。解决方案是不包含 c3js 样式，而是让 patternfly 为图形设置样式。

删除它们后，一切都按预期工作。