Проблемы с передачей данных в Highcharts

Question

Я пытаюсь извлечь данные о финансовых запасах нескольких компаний из CSV и отобразить данные в виде отдельной серии в линейной диаграмме Highcharts/Highstocks. У меня есть настройка источников, и я могу извлечь данные + конвертировать в JSON, но мне не удается передать данные в Highcharts. Я считаю, что я не использую самый эффективный метод подготовки данных для использования Highcharts, и я надеюсь, что кто-то может дать мне указания относительно того, что я сделал неправильно. Пожалуйста, взгляните на мой код и сообщите мне о любых неэффективности или очевидных ошибках, которые вы видите.

PHP код:

date_default_timezone_set('America/Los_Angeles'); 

$stocks = array('MSFT' => 'http://ichart.finance.yahoo.com/table.csv?s=MSFT', 'AAPL' => 'http://ichart.finance.yahoo.com/table.csv?s=AAPL', 'FB' => 'http://ichart.finance.yahoo.com/table.csv?s=FB'); 
$stocks_data = array(); 

foreach ($stocks as $key=>$stock) { 
    $fh = fopen($stock, 'r'); 
    $header = fgetcsv($fh); 

    $varname = $key . '_data'; 

    $$varname = array(); 
    while ($line = fgetcsv($fh)) { 
     ${$varname}[count($$varname)] = array_combine($header, $line); 
    } 

    fclose($fh); 
} 

foreach($MSFT_data as $val){ 
    $MSFT[] = strtotime($val['Date']) * 1000 . ', ' . (float)$val['Close']; //sets the date as a javascript timestamp 
} 
$MSFT = json_encode($MSFT); 

foreach($AAPL_data as $val){ 
    $AAPL[] = strtotime($val['Date']) * 1000 . ', ' . (float)$val['Close']; //sets the date as a javascript timestamp 
} 
$AAPL = json_encode($AAPL); 

foreach($FB_data as $val){ 
    $FB[] = strtotime($val['Date']) * 1000 . ', ' . (float)$val['Close']; //sets the date as a javascript timestamp 
} 
$FB = json_encode($FB); 

JS код:

$(function() { 
    var seriesOptions = [], 
     yAxisOptions = [], 
     colors = Highcharts.getOptions().colors; 

    seriesOptions[0] = { 
     name: 'MSFT', 
     data: <? php echo $MSFT; ?> 
    }; 

    seriesOptions[1] = { 
     name: 'AAPL', 
     data: <? php echo $AAPL; ?> 
    }; 

    seriesOptions[2] = { 
     name: 'FB', 
     data: <? php echo $FB; ?> 
    }; 

    function createChart() { 

     chart = new Highcharts.StockChart({ 
      chart: { 
       renderTo: 'container' 
      }, 

      rangeSelector: { 
       selected: 4 
      }, 

      yAxis: { 
       labels: { 
        formatter: function() { 
         return (this.value > 0 ? '+' : '') + this.value + '%'; 
        } 
       }, 
       plotLines: [{ 
        value: 0, 
        width: 2, 
        color: 'silver' 
       }] 
      }, 
      plotOptions: { 
       series: { 
        compare: 'percent' 
       } 
      }, 
      tooltip: { 
       pointFormat: '<span style="color:{series.color}">{series.name}</span>: <b>{point.y}</b> ({point.change}%)<br/>', 
       valueDecimals: 2 
      }, 
      series: seriesOptions 
     }); 
    } 
}); 

Если у вас есть какие-либо вопросы или нужна дополнительная информация, пожалуйста, дайте мне знать, с комментарием.

Благодаря

BTW: Я все необходимые активы, которые включены для Highcharts работы; когда я заменяю свой JS + PHP кодом примера с сайта Highcharts, он работает красиво. Таким образом, проблема явно лежит в моем коде JS + PHP.

Answer 1

Хорошо, я считаю, что нашел проблему, она заключается в том, что вы храните каждую отдельную точку в массиве.

Вместо этого (который проходит строку х, у, разделенных запятой):

strtotime($val['Date']) * 1000 . ', ' . (float)$val['Close']; 

Вы будете хотеть использовать что-то вроде этого (Highcharts accepts arrays or associative arrays):

array((strtotime($val['Date']) * 1000), ((float)$val['Close'])); 

Это будет хранить переменные X и Y в виде массива вместо строки, разделенной запятой, для прохождения javascript в качестве данных.