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

我刪除它們後，一切都按預期工作。