带有ajax的动态anychart

Question

我在使用 anychart 和 ajax 时遇到了一些问题。 由于 anychart 的数据取决于用户选择的 check_box，因此我必须对数据进行 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>

我想我必须重新渲染 anychart 以便可以加载 ajax 数据，但我不知道如何使它工作

Answer 1

您似乎没有对数据应用更改。

当您收到新数据时，您应该将其应用于图表，可以这样完成：

数据集 = anychart.data.set(newData);

或者

图表数据（新数据）；

此外，在您的代码图表中，数据变量在 onDocumentReady 函数中是本地的。

Answer 2

anychart.onDocumentLoad(function() {
            $.getJSON("dataurl", function(result) {
                var dataSet = anychart.data.set(result);
                var chart = anychart.column();

                chart.column(dataSet.mapAs({ value: 1, x: 0 })).name('Inventory');
                chart.column(dataSet.mapAs({ value: 2, x: 0 })).name('Sales');

                chart.grid(0, { layout: 'vertical' })
                chart.barGroupsPadding(3)

                chart.legend(true);
                chart.title('Compare sales strategy')
                chart.yScale().minimum(0);
                chart.container('container');
                chart.draw();
            })
        });