C3 JS - Zeitreihe tick kehrt das Format

Question

ich eine c3 Zeitdiagramm mit der folgenden Konfiguration haben:

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 } 
} 

Idealerweise sollten die Etiketten als 1/1/2000 angezeigt, am Ende wird. Stattdessen kommen sie jedoch als 2000/1/1 heraus. Was fehlt mir bei der Formatierung?

Answer 1

Verwenden Sie stattdessen die Option format in der Achsdeklaration. http://c3js.org/reference.html#axis-x-tick-format

heißt

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