0

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();
});
4

1 に答える 1