1

Есть вот такой график:

 var data =[[1488443024345,1],[1488443052668,1],[1488443094365,1],[1488443110533,1],[1488446988765,1],[1488447423974,1],[1488513056234,1],[1488513836036,1],[1488513851574,1],[1488514695328,1],[1488514709362,1],[1488515284743,1],[1488515297659,1],[1488524223238,1]];
        Highcharts.stockChart('container_danger', {
          chart: {
            alignTicks: false
          },
          rangeSelector: {
            enabled: false
          },
          series: [{
            type: 'column',
            name: 'Тревога',
            data: data,
            dataGrouping: { 
                groupPixelWidth: 0
            }
          },
          ]
        });

А выглядит это следующим образом: введите сюда описание изображения Прошу заметить что расстояние между точками одинаковое, а хочется что бы было реальное. Как это сделать?

2
  • А можно добавить пример данных?
    – kb0
    3 мар 2017 в 7:32
  • @kb0 добавил пример
    – Geri4
    3 мар 2017 в 7:41

1 ответ 1

0

Надо добавить xAxis: { type: 'datetime', ordinal: false }:

var data = [
  [1488443024345, 1],
  [1488443052668, 1],
  [1488443094365, 1],
  [1488443110533, 1],
  [1488446988765, 1],
  [1488447423974, 1],
  [1488513056234, 1],
  [1488513836036, 1],
  [1488513851574, 1],
  [1488514695328, 1],
  [1488514709362, 1],
  [1488515284743, 1],
  [1488515297659, 1],
  [1488524223238, 1]
];

Highcharts.stockChart('container', {
  chart: {
    alignTicks: false
  },
  rangeSelector: {
    enabled: false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false
  },
  series: [{
    type: 'column',
    name: 'Тревога',
    data: data,
    dataGrouping: {
      groupPixelWidth: 0
    }
  }]
});
#container {
  min-width: 300px;
  max-width: 800px;
  height: 300px;
  margin: 1em auto;
}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highcharts/5.0.6/css/highcharts.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/highcharts/5.0.6/js/highstock.js"></script>


<div id="container"></div>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.