c3js條寬無法調整至縮放

正常情況下圖表非常好。但我希望它可以在變焦時調整條寬。沒有縮放的圖形如下。c3js條寬無法調整至縮放

當我放大到圖形

，酒吧寬度保持不變，很瘦！

反正他們自動調整？我看到一個鏈接，示例用縮放調整條寬。但我沒有看到任何遺漏。這裏的例子：http://blog.trifork.com/2014/07/29/creating-charts-with-c3-js/

這是我的圖表代碼。我錯過了一些設置？

var chart = c3.generate({ 
    bindto: '#chart', 
    data: { 
     xFormat: '%m/%d/%y %I:%M %p', 
     json: final_data, 
     keys: { 
      x: 'date', 
      value: values 
     }, 
     type: 'bar', 
     groups: val 
    }, 
    bar: { 
     width: { ratio: 0.9 } 
    }, 
    axis: { 
     x: { 
      type: 'timeseries', 
      tick: { 
       format: '%b %d' 
      } 
     } 
    }, 
    zoom: { 
     enabled: true 
    }, 
    color: { 
     pattern: colors 
    } 
});

來源

2015-09-21 Vishal Sharma

您不會錯過任何東西 - C3改變了縮放在0.4.9和0.4.10之間處理的方式。您可以通過更改您鏈接的筆中使用的C3版本來查看。 [這是相關的github問題]（https://github.com/c3js/c3/issues/945） – esvendsen

嘗試刪除鍵值對「bar」。如果問題仍然存在，請嘗試設置axis.x.tick.fit = false

來源

2016-11-15 10:12:26

c3js條寬無法調整至縮放

回答

相關問題