X軸に日付時刻を持つマルチシリーズのAnychart折れ線グラフを試しています。チャートを完全にレンダリングできません。指定されたデータを使用してシリーズ 1 を描画し、次に 2 番目のシリーズについて、最初のシリーズの値の後に x 軸に日時を新たにレンダリングし、シリーズ 2 をプロットします。
データは次のようなものです:
"data": [
{"x": "10/2/2016 01:00:00 AM", "value": "128.14"},
{"x": "10/2/2016 01:10:00 AM", "value": "112.61"}
]
},{
// second series data
"data": [
{"x": "10/2/2016 01:01:00 AM", "value": "90.54"},
{"x": "10/2/2016 01:02:00 AM", "value": "104.19"},
{"x": "10/2/2016 01:11:00 AM", "value": "150.67"}
]
10/2/2016 01:00:00 AM、10/2/2016 01:01:00 AM、10/2/2016 01:02:00 AM、10/2/2016 01 のように x 軸にプロットする必要があります。 :10:00 AM、10/2/2016 01:11:00 AM
しかし、10/2/2016 01:00:00 AM、10/2/2016 01:10:00 AM、10/2/2016 01:01:00 AM、10/2/2016 01:02:00 のようにプロットします。午前、10/2/2016 01:11:00 AM
コードの更新:
anychart.onDocumentReady(function() {
// JSON data
var json = {
// chart settings
"chart": {
// chart type
"type": "line",
// chart title
"title": "Axes settings from JSON",
// series settings
"series": [{
// first series data
"data": [
{"x": "10/2/2016 01:00:00 AM", "value": 128.14},
{"x": "10/2/2016 01:10:00 AM", "value": 112.61},
{"x": "10/3/2016 01:00:00 AM", "value": 12.14},
{"x": "10/3/2016 01:10:00 AM", "value": 152.61},
]},{
"data": [
{"x": "10/2/2016 01:09:00 AM", "value": 28.14},
{"x": "10/2/2016 01:11:00 AM", "value": 12.61},
{"x": "10/3/2016 01:01:00 AM", "value": 1.14},
{"x": "10/3/2016 01:12:00 AM", "value": 15.61},
]
}],
// x scale settings
"xScale": {
ticks:
{scale: "DateTime"}
},
xAxes: [{
title: "Basic X Axis"
}],
// chart container
"container": "container"
}
};
// get JSON data
var chart = anychart.fromJson(json);
// draw chart
chart.draw();
});