динамическая диаграмма с ajax

У меня есть некоторые проблемы, когда я использую anychart с ajax. Поскольку данные любой диаграммы зависят от выбора пользователем флажка, мне нужно передать данные ajax. базовая форма диаграммы в порядке, но выбранные данные не работают на диаграмме

Вот мой код.

<body>
 <div>
  <input type='checkbox' name='question_id' value='1'>
  <input type='checkbox' name='question_id' value='2'>
  <input type='checkbox' name='question_id' value='3'>
  <input type='checkbox' name='question_id' value='4'>
  <input type='checkbox' name='question_id' value='5'>
  <input type='checkbox' name='question_id' value='6'>
 <div>
 <button id='report'>report</button>
 <div id='container'></div>

</body>

и мои настройки ajax и anychart указаны ниже

<script>
  $(function() {
   $('#report').click(function() {
     $.ajax({
       type: 'POST',
       data: {
        ids: $("input[name='question_id']:checked").map(function () {
        return $(this).val();
        }).get()
       },



     });

   });
  });

  anychart.onDocumentReady(function() {
   var dataSet = anychart.data.set(<%= select_data %>);
   var chart = anychart.column();
   ......
   ......
   chart.container('container');
   chart.draw();

  });
</script>

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


person Howardcch    schedule 08.03.2017    source источник
comment
Можете поделиться рабочим (не рабочим) образцом?   -  person AnyChart Support    schedule 09.03.2017


Ответы (1)


Кажется, вы не применяете изменения к данным.

Когда вы получите новые данные, вы должны применить их к графику, это можно сделать так:

dataSet = anychart.data.set(newData);

or

диаграмма.данные (новые данные);

Кроме того, в вашей кодовой таблице и переменные данных являются локальными внутри функции onDocumentReady.

person AnyChart Support    schedule 09.03.2017