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条宽无法调整至缩放

回答

相关问题