Отображение линейной диаграммы с несколькими сериями со временем по оси x в AnyChart

Я пытаюсь использовать линейную диаграмму Anychart с несколькими сериями с датой и временем по оси x. Не удалось отобразить диаграмму идеально. Он рисует серию 1 с заданными данными, а затем для второй серии отображает дату и время заново по оси x после значений 1-й серии, а затем рисует серию 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"}
]

Он должен отображать по оси x, например, 02.10.2016 01:00:00, 02.10.2016 01:01:00, 02.10.2016 01:02:00, 02.10.2016 01 :10:00, 02.10.2016 01:11:00

но это график, как 02.10.2016 01:00:00, 02.10.2016 01:10:00, 02.10.2016 01:01:00, 02.10.2016 01:02:00 02.10.2016 01:11:00

Обновление кода:

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

data-visualization anychart
person user3625533    schedule 13.10.2016    source источник
comment
Используете ли вы шкалу даты и времени? Можете ли вы поделиться полным списком на jsfiddle?   -  person AnyChart Support    schedule 13.10.2016
comment
Я также добавил код, который пробовал с параметрами масштабирования. В документации было очень сложно найти подробности масштабирования в формате json. все примеры используют xml в документации.   -  person user3625533    schedule 14.10.2016
comment
Что-нибудь еще нужно? Я пробовал всеми способами, но не повезло. по крайней мере, укажите мне документацию или несколько примеров с json.   -  person user3625533    schedule 15.10.2016
comment
Ссылка Jsfiddle для демонстрации anychart с использованием даты и времени по оси X   -  person user3625533    schedule 16.10.2016

Ответы (1)


arrow_upward
0
arrow_downward

Для этого типа данных необходимо использовать точечную диаграмму: http://docs.anychart.com/7.12.0/Basic_Charts_Types/Scatter_Chart

Шкала даты и времени должна быть установлена ​​​​в JSON следующим образом:

"xScale": {
type: "datetime",
minimum: "10/02/2016 00:00:00",
maximum: "10/03/2016 12:00:00",
}

Вот пример: https://jsfiddle.net/3ewcnp5j/102/

person AnyChart Support    schedule 05.01.2017