c3.js在鼠標懸停時未顯示值

Question

我正在使用c3js.org在我的應用程序中顯示一些圖表。 問題在於，圖表工具提示沒有顯示任何值。

碼

<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樣式化圖表。

刪除它們之后，一切都按預期工作。