Question

我已经建立了一个条形图，其中我显示特定年份的季度数据，在图表的负载上显示当前季度的前4个季度，即x轴的最后一个刻度，我能够实现这一点使用子图我设置范围：[data.length - 4，data.length]例如：extent [2,6]。显示4个季度，但当刷子位于最右侧时，当刷子被点击时，它会通过增加刷子宽度自动调整，这对我来说是个问题，因为我在各种选项上将数据提供给图表，每当我更改它保留的选项时增加画笔点击的宽度。但是当刷子位于x轴的中间刻度时不是这种情况。他们是否有办法停止刷子的自动调整？如果是，请建议。

小提琴链接：https://jsfiddle.net/vprasad2108/njqr2anc/8/（此示例为您提供问题的摘要）

var chart = c3.generate({
data: {
json: {
  Active: [300, 200, 160, 400, 250, 250],
  Activated: [200, 130, 90, 240, 130, 220],
  Deactivated: [30, 20, 50, 40, 60, 50]
},
type: 'bar'
},
bar: {
width: {
  ratio: 0.5 // this makes bar width 50% of length between ticks
}
// or
//width: 100 // this makes bar width 100px
},
legend: {
position: 'bottom'
},
zoom: {
enabled: true
},
 axis: {
x: {
  label: {
    text: 'Quarters',
    position: 'outer-center'
  },
  extent: [2, 6],
  type: 'categorized',
  tick: {
    fit: true,
    centered: true
  }
},
y: {
  max: 100,
  label: {
    text: 'No Of Customers',
    position: 'outer-middle'
  }
}
},
subchart: {
show: true
}
});

html

C3图表画笔自动调整问题

0 个答案: