Javascript C3js加载时更改轴时间格式

我有一个C3.js图表，每分钟的时间值格式为%H:%M。 现在我想加载新数据，但不是每小时数据，而是将每天的数据显示为%d-%m。 所以勾号格式需要改变，但我该怎么做呢

用C3.js生成图表

  chart = c3.generate({
        bindto: element,
        data: {
            x: "keys",
            xFormat: '%Y-%m-%d %H:%M:%S',
            url: dataurl + '/today',
            mimeType: 'json',
            type: 'bar',

        },
        axis: {
            x: {
                type: 'timeseries',
                tick: {
                    format: '%H:%M'
                }
            }
        }
    });

加载新数据

 chart.load({
        x: "keys",
        xFormat: '%Y-%m-%d %H:%M:%S',
        url: url,
        mimeType: 'json',
    });

最新消息称，目前还没有这方面的API

但您可以定义一个全局变量来动态更改刻度

最新消息称，目前还没有这方面的API

但您可以定义一个全局变量来动态更改刻度

---

对于较新版本的d3，请使用

d3.timeFormat（此处为您的格式）（此处为您的日期）

对于较新版本的d3，请使用

d3.timeFormat（此处为您的格式）（此处为您的日期）

var formatter;
function updateFormatter(byMonth) {
  formatter = d3.time.format(byMonth ? '%Y-%m' : '%Y-%m-%d')
}

updateFormatter();

var chart = c3.generate({
    data: {
        x: 'date',     
        columns: [
            ['date', '2014-01-01', '2014-01-02', '2014-01-03'],
            ['data1', 100, 200, 300],
        ]
    },
    axis: {
      x: {
        type: 'timeseries',
        tick: {
            format: function (x) { // x comes in as a time string.
              return formatter(x);
            }
        }
      }
    }
});

d3.select('#btnByMonth').on('click', function () {
  updateFormatter(true);
  chart.flush();            
});
d3.select('#btnByWeek').on('click', function () {
  updateFormatter(false);
  chart.flush();            
});