График высоких графиков с использованием ajax - PullRequest
0 голосов
/ 15 мая 2019

здесь Мой ajax-запрос на получение данных, а затем вызов функции для передачи данных на график.

function getGraphs(){

 $.ajax({

    type : "POST",
    async: true,
    url : "<?php echo base_url(); ?>" + "Graphs/get_graphs",
    dataType: 'json',
    data :{hotel_name_realm:$("#hotel_names").val()},
    success : function(res){
     obj = JSON.parse(res);

     plot_graph(obj);
        // console.log(obj.upload);
      }
    });
}

Вот функция построения графика Highchart.Вызов функции Ajax для передачи этой функции.У меня есть доступ к этому объекту данных, так как был загружен график ss.download и ss.upload, но данные на нем не отображаются.

функция plot_graph (ss) {

 Highcharts.chart('container', {

        chart: {
        type: 'spline',
        scrollablePlotArea: {
        minWidth: 600,
        scrollPositionX: 1
    }
  },

title: {
    text: 'Wind speed during two days',
    align: 'left'
  },
  subtitle: {
    text: '13th & 14th of February, 2018 at two locations in Vik i Sogn, Norway',
    align: 'left'
  },
  xAxis: {
    type: 'datetime',
    labels: {
      overflow: 'justify'
    }
  },    
  tooltip: {
    valueSuffix: ' m/s'
  },
  plotOptions: {  
    spline: {
      lineWidth: 4,
      states: {
        hover: {
          lineWidth: 5
        }
      },
      marker: {        
        enabled: false
      },    
              pointInterval: 60000, // one hour
              pointStart: Date.UTC(2019, 4, 9, 14, 35, 0)
            }
          },
          series: [{
            name: 'Download',
            data: [
            ss.download
            ]

          }, {
            name: 'Upload',
            data: [
            ss.upload
            ]
          }],
          navigation: {
            menuItemStyle: {
              fontSize: '10px'
            }
          }
        });    
}

1 Ответ

0 голосов
/ 15 мая 2019

Если ваши ss,download и ss.upload данные выглядят так:

ss.download = [
  [Date.UTC(2019, 4, 9, 14, 35, 0), 20.9],
  [Date.UTC(2019, 4, 9, 15, 01, 0), 50.5],
  [Date.UTC(2019, 4, 9, 16, 55, 0), 80.4]
];
ss.upload = [
  [Date.UTC(2019, 4, 9, 14, 35, 0), 29.9],
  [Date.UTC(2019, 4, 9, 15, 01, 0), 71.5],
  [Date.UTC(2019, 4, 9, 16, 55, 0), 106.4]
];

Тогда, я думаю, вам просто нужно снять скобки вокруг них:

  series: [{
    name: 'Download',
    data: ss.download
    }, {
    name: 'Upload',
    data: ss.upload    
  }]

Пример

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...