Question

我有一个带有以下配置的c3时间表：

const labels = ['labels',
  ...map(
    (d) => d.format('L'),
    pluck('date')(data)
  )
]
const initial = [
  labels,
  [facetName, ...pluck('count')(data)]
]
const settings = {
  axis: {
    x: {
      tick: {
        multiline: false,
        rotate: 75,
      },
      type: 'timeseries'
    },
    y: {
      tick: {
        format: d3.format(',')
      }
    }
  },
  bar: {width: { ratio: 0.5 }},
  data: {
    colors: {x: 'rgb(185, 221, 147)'},
    columns: initial,
    type: 'bar',
    x: 'labels',
    xFormat: '%m/%d/%Y'
  },
  grid: {y: { show: true }},
  legend: { show: false }
}

理想情况下，标签最终应显示为1/1/2000。相反，它们会以2000/1/1形式出现。我在格式化中缺少什么？

Answer 1

使用轴声明中的format选项。 http://c3js.org/reference.html#axis-x-tick-format

即

axis: {
    x: {
          tick: {
            multiline: false,
            rotate: 75,
            format: '%d/%m/%Y', // NEW LINE
          },
          type: 'timeseries'
        },
    ... etc

C3 JS - 时间序列勾选反转格式

1 个答案: