GWT-本机JS图表

Question

我正在尝试创建一个PieChart小部件，以使用外部javascript文件在GWT项目中使用。 如何从本机函数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;
    }

}

我在为图表增加价值时遇到问题。 请帮我。 谢谢。

---

我想使用GWT中的Canvas将类PieChart创建为小部件，并可以使用图表。 使用类PieChart：

    AbsolutePanel panel = new AbsolutePanel();

    PieChart p = new PieChart();
    panel.add(p); 

编译项目-显示图表。 我想动态地向图表添加数据。 我不知道如何用本机js初始化对象并将其用于其他方法。 对变量myNewChart的引用显示错误-NullPointer，因为它未初始化myNewChart变量。

我会以这种方式添加数据：

    AbsolutePanel panel = new AbsolutePanel();

    PieChart p = new PieChart();
    panel.add(p); 
    p.add(data);

我不知道该怎么做； /

确实希望在GWT中使用此页面上的外部js文件创建一个可以使用图表的类： http : //www.chartjs.org/docs/

Answer 1

我猜您遇到问题的地方是“ // <-null”！

尝试保留对创建的图表对象的引用。

在课程中创建一个成员

JavaScriptObject myNewChart;

并通过替换init方法将其初始化

var myNewChart = new Chart(ctx);

同

this.@fully.q.p.n.PieChart::myNewChart = new Chart(ctx);