Блог

Главная - Вопросы по программированию - Toolotip на HighCharts показывает только первую точку

Toolotip на HighCharts показывает только первую точку

#highcharts

#highcharts

Вопрос:

Я использую Highcharts для отображения температур от DHT22. Измерение происходит каждые 5 минут, но на графике я вижу всплывающую подсказку только для первой точки.

Сценарий weather.php возвращает JSON-массив

Что не так?

Код:

 <html>
<head>
  <title>Weather</title>
  <script src="/js/jquery-2.1.1.min.js"></script>
  <script src="/js/highcharts.js"></script>
<script>
var chart;
function requestData()
{
    $.ajax({
    url: 'weather.php',
    datatype: "json",
    success: function(data)
    {
           chart.series[0].setData(data.temperature);
           chart.series[1].setData(data.humidity);
    },
    });
}
$(document).ready(function() {
    Highcharts.setOptions({
        global: {
            useUTC: true
        }
    });
chart = new Highcharts.Chart({
     chart: {
        renderTo: 'graph',
        type: 'spline',
        events: {
            load: requestData
        }
     },
     title: {
        text: 'Monitoring'
     },
    tooltip: {
      shared: true
    },
     xAxis: {
        type: 'datetime',
            maxZoom: 20 * 1000
     },
     yAxis: {
        minPadding: 0.2,
            maxPadding: 0.2,
            title: {
                text: 'Temperature/Humidity',
                margin: 80
            }
     },
     series: [{
        name: 'Temperature',
        data: []
     },
     {
        name: 'Humidity',
        data: []
     }]
  });
  });
    </script>
</head>
<body>
  <div id="graph" style="width:100%; height:400px;"></div>
</body>

Комментарии:

1. Откройте консоль JS и вставьте сюда ошибки. Кроме того, убедитесь, что ваши данные отсортированы по возрастанию для значений x (x1 < x2 < .. < xN) .

2. Ошибок нет, и данные отсортированы.

3. Тогда, может быть, у вас старая версия Highcharts? Если это 4.0.1, то воссоздайте проблему в jsFiddle.

Метки: