amCharts wöchentliche Datenanzeige

Ich habe einige Probleme mit Daten über amCharts Anzeige, wenn „minPeriod“ Eigenschaft auf „WW“ gleich.amCharts wöchentliche Datenanzeige

Meine codepen Beispiele:

var data = []; 
var date = new Date(); 

for (var i = 0; i< 10;i++){ 
data.push({ 
    calcDate: moment(new Date()).startOf('day').add(i, 'days').toDate(), 
value: Math.random(100)});} 

var chart = AmCharts.makeChart("chartdiv", { 
"type": "serial", 
"startDuration": 0, 
"categoryField": "calcDate", 
"theme": "light", 
"marginRight": 70, 
"autoMarginOffset": 20, 
"dataProvider": data, 
"graphs": [{ 
     "type": "column", 
     "fillAlphas": 1, 
    "balloonText": "[[category]]<br><b><span style='font-size:14px;'>[[value]] C</span></b>", 
    "lineColor": "#b6d278", 
    "valueField": "value" 
}], 
"chartCursor": { 
    "cursorAlpha": 0.1, 
    "cursorColor": "#000000", 
}, 
"categoryAxis": { 
    "minPeriod": "DD", 
    "parseDates": true, 
    "minorGridEnabled": true 
}, 
"export": { 
    "enabled": true 
}});

Days example (how it must look)

var data = []; 
var date = new Date(); 

for (var i = 0; i< 10;i++){ 
data.push({ 
    calcDate: moment(new Date()).startOf('day').add(7*i, 'days').toDate(), 
value: Math.random(100)});} 

var chart = AmCharts.makeChart("chartdiv", { 
"type": "serial", 
"startDuration": 0, 
"categoryField": "calcDate", 
"theme": "light", 
"marginRight": 70, 
"autoMarginOffset": 20, 
"dataProvider": data, 
"graphs": [{ 
     "type": "column", 
     "fillAlphas": 1, 
    "balloonText": "[[category]]<br><b><span style='font-size:14px;'>[[value]] C</span></b>", 
    "lineColor": "#b6d278", 
    "valueField": "value" 
}], 
"chartCursor": { 
    "cursorAlpha": 0.1, 
    "cursorColor": "#000000", 
}, 
"categoryAxis": { 
    "minPeriod": "WW", 
    "parseDates": true, 
    "minorGridEnabled": true 
}, 
"export": { 
    "enabled": true 
} 
});

Week example (broken).

Wie Sie sehen können, alle Etiketten der letzten Verbindung nach links ausgerichtet und es macht mein Diagramm ziemlich hässlich. Ich denke, dass es wegen der Trennung zwischen realen Werten und erwartet von categoryAxis geschieht. Vielleicht gibt es eine Eigenschaft, um es zu reparieren, aber ich konnte es nicht finden.

Wenn Sie das gleiche Problem und haben einige Ratschläge mir konfrontiert haben, bitte helfen Sie.

Quelle

2016-11-07 user3476013