Javascript GWT-本机js图表
我正在尝试使用外部javascript文件创建一个用于GWT项目的PieChart小部件。 如何从本机函数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
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);