Java GXT-3问题为我的图表加载数据

Java GXT-3问题为我的图表加载数据,java,gwt,proxy,gxt,Java,Gwt,Proxy,Gxt,我的问题很烦人。我的服务器端正在生成12个随机数(这里是双倍) 我的客户端收到了正确的数据,但我的图表中没有显示任何内容。这对于存储中的硬编码数据很有效,但对于REST调用则不起作用 我的服务器和客户端之间的传输是: [{"key":"key0","value":0.47222548599297787},{"key":"key1","value":0.6009173797369691},{"key":"key2","value":0.13880104282435624},{"key":"key3

我的问题很烦人。我的服务器端正在生成12个随机数(这里是双倍)

我的客户端收到了正确的数据,但我的图表中没有显示任何内容。这对于存储中的硬编码数据很有效,但对于REST调用则不起作用

我的服务器和客户端之间的传输是:

[{"key":"key0","value":0.47222548599297787},{"key":"key1","value":0.6009173797369691},{"key":"key2","value":0.13880104282435624},{"key":"key3","value":0.01804674319345545},{"key":"key4","value":0.5547733564202956},{"key":"key5","value":0.8229999661308851},{"key":"key6","value":0.8959346004391032},{"key":"key7","value":0.6848052288628435},{"key":"key8","value":0.10222856671111813},{"key":"key9","value":0.6931371931409103},{"key":"key10","value":0.2994297934549003},{"key":"key11","value":0.47566752196381334}]
这里是我用来测试的简单类。我是GXT 3的新手

public void onModuleLoad() {

    final ListStore<JSOModel> store;
    final ContentPanel panel  = new FramedPanel();
    RequestBuilder builder = new RequestBuilder(RequestBuilder.GET, "/ws/DocumentService/v1/test");
    builder.setHeader("Accept", "application/json");

    HttpProxy proxy = new HttpProxy(builder);

    final Loader<ListLoadConfig, ListLoadResult<JSOModel>> loader = new ListLoader<ListLoadConfig, ListLoadResult<JSOModel>>(proxy, new DataReader<ListLoadResult<JSOModel>, String>() {
        @Override
        public ListLoadResult<JSOModel> read(Object loadConfig, String data) {
            List<JSOModel> jsoModels = new ArrayList<JSOModel>();
            JsArray<JSOModel> jsoModelJsArray = JSOModel.arrayFromJson(data);
            if(jsoModelJsArray != null) {
                for(int i = 0; i < jsoModelJsArray.length(); i++) {
                    jsoModels.add(jsoModelJsArray.get(i));
                }
            }

            return new ListLoadResultBean<JSOModel>(jsoModels);
        }
    });

    store = new ListStore<JSOModel>(new ModelKeyProvider<JSOModel>() {
        @Override
        public String getKey(JSOModel item) {
            return item.get("key");
        }
    });

    loader.addLoadHandler(new LoadResultListStoreBinding<ListLoadConfig, JSOModel, ListLoadResult<JSOModel>>(store) {
        @Override
        public void onLoad(LoadEvent<ListLoadConfig, ListLoadResult<JSOModel>> event) {
            ListLoadResult<JSOModel> loaded = event.getLoadResult();
            if(loaded.getData() == null) {
                store.replaceAll(new ArrayList<JSOModel>());
            } else {
                store.replaceAll(loaded.getData());
            }
        }
    });

    Chart<JSOModel> chart = new Chart<JSOModel>();
    chart.setStore(store);
    chart.setShadowChart(true);

    NumericAxis<JSOModel> axis = new NumericAxis<JSOModel>();
    axis.setPosition(Chart.Position.LEFT);
    axis.addField(new ValueProvider<JSOModel, Number>() {
        @Override
        public Number getValue(JSOModel JSOModel) {
            return JSOModel.getNumber("value");
        }

        @Override
        public void setValue(JSOModel JSOModel, Number number) {

        }

        @Override
        public String getPath() {
            return "key";
        }
    });
    axis.setTitleConfig(new TextSprite("Number of hits"));
    axis.setWidth(50);
    axis.setMinimum(0);
    axis.setMaximum(100);
    chart.addAxis(axis);

    PathSprite odd = new PathSprite();
    odd.setOpacity(1);
    odd.setFill(new Color("#dff"));
    odd.setStroke(new Color("#aaa"));
    odd.setStrokeWidth(0.5);
    axis.setGridOddConfig(odd);

    CategoryAxis<JSOModel, String> horizontalAxis = new CategoryAxis<JSOModel, String>();
    horizontalAxis.setPosition(Chart.Position.BOTTOM);
    horizontalAxis.setField(new ValueProvider<JSOModel, String>() {
        @Override
        public String getValue(JSOModel JSOModel) {
            return  JSOModel.get("key");
        }

        @Override
        public void setValue(JSOModel JSOModel, String s) {

        }

        @Override
        public String getPath() {
            return "key";
        }
    });
    horizontalAxis.setTitleConfig(new TextSprite("month of year"));
    chart.addAxis(horizontalAxis);

    LineSeries<JSOModel> column = new LineSeries<JSOModel>();
    column.setYAxisPosition(Chart.Position.LEFT);
    column.setStroke(new RGB(148,174,10));
    column.setHighlighting(true);
    chart.addSeries(column);

    axis.addField(column.getYField());
    chart.addSeries(column);

    chart.setHeight(100);
    chart.setWidth(100);

    Button b = new Button("ha");
    b.addClickHandler(new ClickHandler() {
        @Override
        public void onClick(ClickEvent clickEvent) {
            loader.load();
        }
    });

    RootPanel.get().add(b);



    panel.setCollapsible(true);
    panel.setHeadingText("Column Chart");
    panel.setPixelSize(620, 500);
    panel.setBodyBorder(true);


    VerticalLayoutContainer layout = new VerticalLayoutContainer();
    panel.add(layout);

    chart.setLayoutData(new VerticalLayoutContainer.VerticalLayoutData(1,1));
    layout.add(chart);

    chart.setBackground(new Color("#dff"));
    RootPanel.get().add(panel);
模块加载()上的公共void{
最终列表存储;
最终的ContentPanel面板=新的FramedPanel();
RequestBuilder=newrequestbuilder(RequestBuilder.GET,“/ws/DocumentService/v1/test”);
setHeader(“接受”、“应用程序/json”);
HttpProxy代理=新的HttpProxy(生成器);
最终加载程序=新列表加载程序(代理,新数据读取器(){
@凌驾
公共ListLoadResult读取(对象loadConfig,字符串数据){
List jsoModels=new ArrayList();
JsArray jsoModelJsArray=JSOModel.arrayFromJson(数据);
if(jsoModelJsArray!=null){
对于(int i=0;i
将图表连接到存储中有两种方法。一种方法是通过
设置存储指定图表正在使用存储,就像您所做的那样:

    chart.setStore(store);
执行此操作时,还必须通知图表何时必须重新绘制所有内容-您必须呼叫:

    chart.redrawChart();

此调用必须在加载完成后不久进行-考虑在OnLoad结束时执行它。

为什么需要这样做?在某些情况下,开发人员希望对存储进行多次更改,一次一次,如果图表在每次更改后自动更新,则会对数据模型产生许多缓慢的更改,最终可能看起来很奇怪。在这种情况下,您只需调用
redrawChart()
完成所有更改后

但是,还有另一个选项-您可以调用
bindStore
,而不是调用
setStore
,并在图表发生任何更改时要求图表自动更新:

    chart.bindStore(store);

在您的情况下,这可能是正确的答案。

@Colin Alworth我如何将loader附加到gxt 2.2.5中的图表?此版本中不存在方法setStore和bindStore。您知道吗?此答案特定于gxt 3,因为这是问题的答案。gxt 2不直接处理存储,而是提供自己的方法有数据。