Блог

Я работаю в школьном проекте и получаю данные из файла php для отображения в индикаторе. Я использую этот код javascript для обновления диаграммы каждую секунду:

     function requestData() {
    $.getJSON('values.php', function(data) {
            var new_value = data;
            var point = $('#ta').highcharts().series[0].points[0];
            point.update(new_value);
            setTimeout(requestData, 500)
            }

)
}
  

С помощью этого кода я могу обновить диаграмму, проблема в том, что мне нужно также отобразить числовое значение в другой части диаграммы. Вот что я пытаюсь:

   yAxis: {
        title: {
            text: '<div id="tav">' new_value 'V</div>',
            useHTML: true,
            y: 80
        }
  

Когда я ставлю «new_value», диаграмма перестает работать, и я ничего не вижу. Если оставить «new_value» в этой части диаграммы, он работает отлично.

Кто-нибудь может мне помочь? Спасибо

Чтобы обновить заголовок оси y, вы должны использовать код, подобный:

 $('#container').highcharts().yAxis[0].update({
            title:{
                text:"My text"
            }
        });
  

Я создал демонстрационную версию того, как динамически обновлять заголовок оси y при нажатии кнопки: DEMO

Раздел кода JS для динамического обновления заголовка диаграммы при нажатии кнопки:

 var chart = $('#container').highcharts();
$('#my_btn').click(function(){
    //alert('hey');
    chart.yAxis[0].update({
        title:{
            text:"My text"
        }
    });
    alert('Y-axis title changed to "My text" !');
});
  

Проблема в том, что new_value определяется локально. Вы могли бы определить переменную как свойство объекта:

 var obj = {};
function requestData() {
$.getJSON('values.php', function(data) {
        obj.new_value = data;
        var point = $('#ta').highcharts().series[0].points[0];
        point.update(new_value);
        setTimeout(requestData, 500)
        }

)
}
  

и

 yAxis: {
    title: {
        text: '<div id="tav">' obj.new_value 'V</div>',
        useHTML: true,
        y: 80
    }
  

Используйте действительно Axis.setTitle() метод, см.:

  function requestData() {
     $.getJSON('values.php', function (data) {
         var new_value = data;
         var chart = $('#ta').highcharts()
         var point = chart.series[0].points[0];
         var yAxis = chart.yAxis[0];

         yAxis.setTitle({text: new_value });
         point.update(new_value);
         setTimeout(requestData, 500);
     })
 }