Javascript GWT-本机js图表

Javascript GWT-本机js图表,javascript,gwt,charts,native,Javascript,Gwt,Charts,Native,我正在尝试使用外部javascript文件创建一个用于GWT项目的PieChart小部件。 如何从本机函数GWT中的外部js库中获取类实例 public class PieChart implements IsWidget{ Canvas c; public PieChart() { c = Canvas.createIfSupported(); init(c.getElement()); } private na

我正在尝试使用外部javascript文件创建一个用于GWT项目的PieChart小部件。 如何从本机函数GWT中的外部js库中获取类实例

    public class PieChart implements IsWidget{

    Canvas c;

    public PieChart() {
        c = Canvas.createIfSupported();

        init(c.getElement());

    }

    private native void init(Element e) /*-{
            var data = [];
            var ctx = e.getContext("2d");
            var myNewChart = new Chart(ctx);
            myNewChart.Doughnut(data,{animateScale: true});
    }-*/;

    private native void add(PieChartData p) /*-{
    var data = [{
        value: p.value,
        color: p.color,
        hightlight: p.hightlight,
        label: p.label
    }];

    myNewChart.addData(data); // <-- null
}-*/;

    @Override
    public Widget asWidget() {
        return c;
    }

}
此时将显示编译项目图表。 我想动态地将数据添加到图表中。我不知道如何使用本机js初始化对象并在其他方法中使用它。 对变量myNewChart的引用显示error-NullPointer,因为它没有初始化myNewChart变量

我将以这种方式添加数据:

    AbsolutePanel panel = new AbsolutePanel();

    PieChart p = new PieChart();
    panel.add(p); 
    p.add(data);
我不知道怎么做/


我确实希望在GWT中创建一个可以使用图表的类,使用此页面中的外部js文件:

我猜“//如果你能具体说明你遇到了什么问题,比如你期望看到的与你实际看到的相比,可能会有所帮助。我已经添加了额外的信息。我不知道如何保存引用。它起作用了。谢谢
    AbsolutePanel panel = new AbsolutePanel();

    PieChart p = new PieChart();
    panel.add(p); 
    p.add(data);
JavaScriptObject myNewChart;
var myNewChart = new Chart(ctx);
this.@fully.q.p.n.PieChart::myNewChart = new Chart(ctx);