2017-01-31 12 views
0

Ich habe diese JSON-Daten (Chartdata):amCharts nicht korrekt Datumzeit von mysql analysiert

[{ "Datum": "2017.01.24 12.00.00", "op": "678.283"}, {"date": "2017-01-24
13:00:00", "op": "616.854"}, {"date": "2017-01-24 14:00: 00" , "op": "611,969"}, { "Datum": "2017.01.24 15.00.00", "op": "602,912"}, ...

und Anzeige mit folgendem Code:

AmCharts.makeChart("chartdiv", { 
"type": "serial", 
"dataProvider": chartData, 
"categoryField": "date", 
"dataDateFormat": "YYYY-MM-DD JJ:NN:SS", 
"categoryAxis": { 
    "parseDates": true, 
    "labelRotation": 60,    
}, 
"graphs": [ { 
"valueField": "op"    
} ] 
}); 

Ich erstellte Format entsprechend https://www.amcharts.com/kbase/formatting-dates/. Das Diagramm analysiert Tage korrekt, kann jedoch keine Elemente an einem Tag trennen, sodass sie als eine vertikale Linie angezeigt werden, siehe resulting plot Kann jemand helfen?

Antwort

1

Sie müssen eine minPeriod einstellen, die das minimale Zeitintervall zwischen jedem Ihrer Punkte darstellt. Der Standardwert minPeriod ist täglich ("DD"). Daher sollten Sie die Daten für Ihre Daten anpassen, die stündlich ("hh") aus Ihren Beispieldaten zu sein scheinen.

AmCharts.makeChart("chartdiv", { 
    // .. 
    "categoryAxis": { 
    "parseDates": true, 
    "minPeriod": "hh", 
    "labelRotation": 60   
    }, 
    // .. 
}); 

Demo

+0

Großartig, danke! – Lukas

Verwandte Themen