2014-10-28 2 views
0

Я новичок в использовании HighCharts и JSON. Я потянув данные из моей базы данных и производит следующий JSON:График высоких диаграмм с использованием данных JSON

{"GS10":[{"data_date":-528656400,"value":2.83},{"data_date":-526064400,"value":3.05},{"data_date":-523386000,"value":3.11},{"data_date":-520794000,"value":2.93},{"data_date":-518115600,"value":2.95},{"data_date":-515437200,"value":2.87},{"data_date":-512845200,"value":2.66},{"data_date":-510166800,"value":2.68},{"data_date":-507574800,"value":2.59},{"data_date":-504896400,"value":2.48},{"data_date":-502218000,"value":2.47},{"data_date":-499798800,"value":2.37},{"data_date":-497120400,"value":2.29},{"data_date":-494528400,"value":2.37},{"data_date":-491850000,"value":2.38},{"data_date":-489258000,"value":2.3},{"data_date":-486579600,"value":2.36},{"data_date":-483901200,"value":2.38}]} 

Это JSON затем быть отображены в виде графика с использованием Highcharts. Скрипт ниже. Он отображает график, но график пуст. В настоящее время я тестирую только одну серию, но намерение состоит в том, чтобы иметь возможность использовать несколько серий, как только я смогу успешно нарисовать один. Любая помощь будет оценена, спасибо.

<script> 
$(function() { 
var test_point = 'GS10'; 
$(document).ready(function() { 
    $.getJSON("get_data.php", function(json) { 
    var seriesArr = []; 
    var series = { 
     name: test_point, 
      data: [] 
     }; 
     $.each(json[test_point], function(key, data){ 
       series.data.push({ 
        date: data.data_date, 
        value: data.value 
       }); 

    }); 
    seriesArr.push(series); 

    var options = { 
     chart: { 
      renderTo: 'container', 
      defaultSeriesType: 'line' 
     }, 
     xAxis: { 
      type: 'datetime' 
      }, 
     series: seriesArr 
     }; 
     var chart = new Highcharts.Chart(options); 
    }); 
}); 
}); 
</script> 

ответ

1

Проблема с этой части:

  series.data.push({ 
       date: data.data_date, 
       value: data.value 
      }); 

Это не должно быть data/value а x/y:

  series.data.push({ 
       x: data.data_date, 
       y: data.value 
      }); 
Смежные вопросы