Javascript C3.js:月份名称未连续显示

Javascript C3.js:月份名称未连续显示,javascript,c3.js,Javascript,C3.js,我正在使用C3.js绘制下图,但即使数据显示,x轴上也没有连续显示月份名称,请告诉我如何解决此问题 对于x轴数据,应类似于[2017年3月、2017年4月、2017年5月、2017年6月、2017年7月……等等] 试试这个 或者我认为您的日期格式对于JSON数据不正确, 您也可以尝试使用时间序列,如下所示 var chart = c3.generate({ bindto: '#chart', data: { x: 'x', columns: [ ['x', '2017-01

我正在使用C3.js绘制下图,但即使数据显示,x轴上也没有连续显示月份名称,请告诉我如何解决此问题 对于x轴数据,应类似于[2017年3月、2017年4月、2017年5月、2017年6月、2017年7月……等等]

试试这个

或者我认为您的日期格式对于JSON数据不正确, 您也可以尝试使用时间序列,如下所示

var chart = c3.generate({
bindto: '#chart',
data: {
  x: 'x',
    columns: [
    ['x', '2017-01-01' , '2017-02-01','2017-03-01','2017-04-01','2017-05-01','2017-06-01','2017-07-01','2017-08-01'],
        ['data1', 30000, 20000, 10000, 40000, 0, 0, 0, 0],
        ['data2', 0, 0, 0, 0, 15000, 25000, 50000, 10000], ['data3', 0, 0, 0, 0, 15000, 25000, 50000, 10000]
    ],
    order:false,
    type: 'bar',
    groups:  [
        ['data2', 'data3']
    ]
  },
        bar: {
    width: {
        ratio: 0.70 
    }
    },
  axis: {
    x: {
    type: 'timeseries', 
      tick: {
        rotate: 30,
        format: '%b %Y'
      }
    }
  }
 });
快乐编码

尝试将设置为错误

axis: {
  x: {
    tick: {
      culling: false
    }
  }
}

它可以防止c3隐藏特定的记号。

请提供一些您尝试将x轴类型作为类别的代码。我已经为x使用了“timeseries”类型-axis@SanjeevS请看一下代码
var chart = c3.generate({
bindto: '#chart',
data: {
  x: 'x',
    columns: [
    ['x', '2017-01-01' , '2017-02-01','2017-03-01','2017-04-01','2017-05-01','2017-06-01','2017-07-01','2017-08-01'],
        ['data1', 30000, 20000, 10000, 40000, 0, 0, 0, 0],
        ['data2', 0, 0, 0, 0, 15000, 25000, 50000, 10000], ['data3', 0, 0, 0, 0, 15000, 25000, 50000, 10000]
    ],
    order:false,
    type: 'bar',
    groups:  [
        ['data2', 'data3']
    ]
  },
        bar: {
    width: {
        ratio: 0.70 
    }
    },
  axis: {
    x: {
    type: 'timeseries', 
      tick: {
        rotate: 30,
        format: '%b %Y'
      }
    }
  }
 });
axis: {
  x: {
    tick: {
      culling: false
    }
  }
}