如何重新缩放时间序列的x轴(C3js)?

时间:2017-07-17 17:25:33

标签: javascript c3.js

在C3.js中,有一种方法可以在放大时重新缩放y轴.X轴是否存在类似的功能?

图表中的类似代码

var visualizeThis = c3.generate({
    bindto: '#this',
    data: {
      x: 'Dates',
      columns:[
          dates,
          dataPoints
      ]
    },
    axis: {
        x: {
            type: 'timeseries',
            tick: {
                format: '%m/%d/%Y'
            }
        }
    },
    zoom: {
        enabled: true,
        rescale: true //this only rescales the y-axis
    },
    point: {
        show: false
    }
});

1 个答案:

答案 0 :(得分:1)

在c3.js中,缩放会影响x轴,如example所示。

如果您还要缩放y轴,可以尝试zoom.rescale选项。

zoom: {
  enabled: true,
  rescale: true
}

jsfiddle上的工作示例。