C3js 中的函数创建图不显示在事件中 Meteor.js

Question

我有一个在 div 内的 C3.js 中创建图表的活动。当我调用创建图表的函数时，我看到 console.log() 而我的图表未创建。

Template.home.events({      
    'click .zone': function(event){
        //alert(event.target.id);
        var mydiv = "#" + $(event.target).attr("id");
        console.log(name);
        $("mydiv").remove();
        $("mydiv").on(create());
      }    
});

function create(){
  console.log("inside create");
      var chart = c3.generate({
            bindto: '#graphItem0_2',
            data: {
              columns: [
                ['data1', 30, 200, 100, 400, 150, 250],
                ['data2', 50, 20, 10, 40, 15, 25]
              ],
              empty: {
                label: {
                  text: "No Data"
                }
              }
            }
        });
  console.log("End create");
}

我的模板：

<template name="graphDisplayer">
    <div class="zone">
      <svg id="graphItemt0_2" with="300" height="300"></svg>
    </div>
</template>

Answer 1

你引用了"mydiv"但它是一个变量：

    $("mydiv").remove();
    $("mydiv").on(create());

应该是

    $(mydiv).remove();
    $(mydiv).on(create());

C3js 中的函数创建图不显示在事件中 Meteor.js

Function create graph in C3js don't show inside a event Meteor.js

javascript

jquery

d3.js

meteor

c3.js