Highcharts Gauge - как читать входные данные из файла?

Question

Я в настоящее время только что начал JS и нуждался в высоких диаграммах для проекта, настолько хорошо, но у меня есть очень новичок вопрос: У меня есть задача, выполняющая задание cron и выводящий диапазон значений: 10-90 в файл , Как загрузить значение в датчик?

Вот код, я приспособил (диапазоны, смотреть и чувствовать себя DonT дело), ​​я только мог сделать статическое значение 53,8:

$(function() { 

    $('#container').highcharts({ 

     chart: { 
      type: 'gauge', 
      plotBackgroundColor: null, 
      plotBackgroundImage: null, 
      plotBorderWidth: 0, 
      plotShadow: false 
     }, 

     title: { 
      text: 'Speedometer' 
     }, 

     pane: { 
      startAngle: -150, 
      endAngle: 150, 
      background: [{ 
       backgroundColor: { 
        linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 }, 
        stops: [ 
         [0, '#FFF'], 
         [1, '#333'] 
        ] 
       }, 
       borderWidth: 0, 
       outerRadius: '109%' 
      }, { 
       backgroundColor: { 
        linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 }, 
        stops: [ 
         [0, '#333'], 
         [1, '#FFF'] 
        ] 
       }, 
       borderWidth: 1, 
       outerRadius: '107%' 
      }, { 
       // default background 
      }, { 
       backgroundColor: '#DDD', 
       borderWidth: 0, 
       outerRadius: '105%', 
       innerRadius: '103%' 
      }] 
     }, 

     // the value axis 
     yAxis: { 
      min: 0, 
      max: 200, 

      minorTickInterval: 'auto', 
      minorTickWidth: 1, 
      minorTickLength: 10, 
      minorTickPosition: 'inside', 
      minorTickColor: '#666', 

      tickPixelInterval: 30, 
      tickWidth: 2, 
      tickPosition: 'inside', 
      tickLength: 10, 
      tickColor: '#666', 
      labels: { 
       step: 2, 
       rotation: 'auto' 
      }, 
      title: { 
       text: 'km/h' 
      }, 
      plotBands: [{ 
       from: 0, 
       to: 120, 
       color: '#55BF3B' // green 
      }, { 
       from: 120, 
       to: 160, 
       color: '#DDDF0D' // yellow 
      }, { 
       from: 160, 
       to: 200, 
       color: '#DF5353' // red 
      }]   
     }, 

     series: [{ 
      name: 'Speed', 
      data: [80], 
      tooltip: { 
       valueSuffix: ' km/h' 
      } 
     }] 

    } 
); 
    $('#container').highcharts().series[0].points[0].update(50.8) 
}); 

Вот jsfiddle ссылка: http://jsfiddle.net/H8uGk/, вы, ребята, дайте мне совет, как читать содержимое файла? (число в этом случае)

Есть ли способ сделать это в javascript? Это не должно быть динамическим, и я избегаю использования php.

Спасибо,

Answer 1

Проще всего просто скопировать/вставить его в свой файл JS, который я предполагаю, что это не достаточно хорошо, потому что вы хотите быть динамичным.

Если вам нужно, чтобы он был динамическим, вы не можете сделать это в javascript, потому что javascript запускается на клиенте (то есть в веб-браузере), но ему необходимо прочитать с сервера (то есть на оригинальной машине). Таким образом, вы должны создать «конечную точку», чтобы прочитать файл, проверить что-то простое в PHP, как это:

<?php 
// > PHP 5 
$file = file_get_contents('./gauge_data.txt', FILE_USE_INCLUDE_PATH); 
?>