i got the code from the old code. i didn't realised about hte changes. this explains why i used ajaxloader. but thanks for the tips. i switch to visualizationutils now. i thought native method will be faster?(correct me if i am wrong) and want to try if it works? but now i switch back to java wrapper as i can't solve the native method issue.
On Jul 9, 1:25 pm, MC Get Vizzy <[email protected]> wrote: > is there a reason you're using the AjaxLoader directly instead of the > VisualizationUtils? > thanks, > > MC Get Vizzy > > P.S. is there a reason that you're doing so much stuff in a native method > instead of in java? > > On Thu, Jul 9, 2009 at 12:47 PM, imgnik <[email protected]> wrote: > > > hi all, > > > i tried but the motion chart doesn't seems to appear when load with > > ajaxloader. please advise me. below is my code: > > > public void onModuleLoad() { > > > verticalPanel.getElement().getStyle().setPropertyPx("margin", > > 10); > > verticalPanel.setSpacing(10); > > RootPanel.get().add(verticalPanel); > > > AjaxLoaderOptions options = AjaxLoaderOptions.newInstance(); > > options.setPackages("motionchart"); > > > AjaxLoader.loadApi("visualization", "1", new Runnable() { > > > public void run() { > > motionChartLoaded(); > > } > > }, options); > > } > > > private native void nativeMakeMotionChart(Element chartDiv) /*-{ > > var data = new $wnd.google.visualization.DataTable(); > > data.addRows(6); > > data.addColumn('string', 'Fruit'); > > data.addColumn('date', 'Date'); > > data.addColumn('number', 'Sales'); > > data.addColumn('number', 'Expenses'); > > data.addColumn('string', 'Location'); > > data.setValue(0, 0, 'Apples'); > > data.setValue(0, 1, new Date (1988,0,1)); > > data.setValue(0, 2, 1000); > > data.setValue(0, 3, 300); > > data.setValue(0, 4, 'East'); > > data.setValue(1, 0, 'Oranges'); > > data.setValue(1, 1, new Date (1988,0,1)); > > data.setValue(1, 2, 950); > > data.setValue(1, 3, 200); > > data.setValue(1, 4, 'West'); > > data.setValue(2, 0, 'Bananas'); > > data.setValue(2, 1, new Date (1988,0,1)); > > data.setValue(2, 2, 300); > > data.setValue(2, 3, 250); > > data.setValue(2, 4, 'West'); > > data.setValue(3, 0, 'Apples'); > > data.setValue(3, 1, new Date(1988,1,1)); > > data.setValue(3, 2, 1200); > > data.setValue(3, 3, 400); > > data.setValue(3, 4, "East"); > > data.setValue(4, 0, 'Oranges'); > > data.setValue(4, 1, new Date(1988,1,1)); > > data.setValue(4, 2, 900); > > data.setValue(4, 3, 150); > > data.setValue(4, 4, "West"); > > data.setValue(5, 0, 'Bananas'); > > data.setValue(5, 1, new Date(1988,1,1)); > > data.setValue(5, 2, 788); > > data.setValue(5, 3, 617); > > data.setValue(5, 4, "West"); > > > var chart = new > > $wnd.google.visualization.MotionChart(chartDiv); > > var options = {}; > > options['state'] ='{"iconKeySettings":[],"stateVersion": > > 3,"time":"notime","xAxisOption":"_NOTHING","playDuration": > > > 15,"iconType":"BUBBLE","sizeOption":"_NOTHING","xZoomedDataMin":null,"xZoomedIn":false,"duration": > > {"multiplier":1,"timeUnit":"none"},"yZoomedDataMin":null,"xLambda": > > 1,"colorOption":"_NOTHING","nonSelectedAlpha":0.4,"dimensions": > > {"iconDimensions": > > []},"yZoomedIn":false,"yAxisOption":"_NOTHING","yLambda": > > 1,"yZoomedDataMax":null,"showTrails":true,"xZoomedDataMax":null};'; > > options['width'] = 600; > > options['height'] = 400; > > > chart.draw(data, options); > > }-*/; > > > private void motionChartLoaded() { > > verticalPanel.add(new Label("Motion Chart")); > > SimplePanel motionPanel = new SimplePanel(); > > nativeMakeMotionChart(motionPanel.getElement()); > > verticalPanel.add(motionPanel); > > } > > } --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en -~----------~----~----~----~------~----~------~--~---
