google / gwt-charts Goto Github PK

What steps will reproduce the problem?
Call SteppedAreaChartOptions.setFocusTarget 

What is the expected output? 
Setting the selected FocusTarget. 

What do you see instead?
Throws a Stack overflow


What operating system, browser and version are you using?
Fedora -> Chrome, Firefox

Currently it's not really possible to combine gwt-charts and gwt-maps or 
gwt-maps-v3 because gwt-charts uses a custom AjaxLoader class. 
The problem is related to the nativeCreateCallback method: 

private static native boolean nativeCreateCallback() /*-{
    if ($wnd['google'] && $wnd.google['load']) {
       // The API has already been loaded.
       return true;
    }
    $wnd.__gwt_AjaxLoader_onLoad = function() {
           @com.googlecode.gwt.charts.client.ajaxloader.AjaxLoader::onLoadCallback()();
   }
   // The application must wait for a callback.
   return false;
}-*/;

the $wnd.__gwt_AjaxLoader_onload is overwritten either by gwt-charts or 
gwt-maps. This leads that the onLoadCallback of one of them is not loaded. 

Solution: 

Use a different variable name for $wnd (i.e. 
$wnd.__gwt_AjaxLoader_charts_onLoad) or use standard AjaxLoader class of 
google-gwt-apis 

I include gwt-Charts in my maven project(pom.xml) with: 
<dependency>
    <groupId>com.googlecode.gwt-charts</groupId>
    <artifactId>gwt-charts</artifactId>
    <version>0.9.8</version>
</dependency>

I inherit the module with:
<inherits name="com.googlecode.gwt.charts.Charts"/>

I use gwt-2.0.4. When i compile the project i get the next principal erros:

[ERROR] Errors in 
'jar:file:/C:/Users/Fran/.m2/repository/com/googlecode/gwt-charts/gwt-charts/0.9
.9/gwt-charts-0.9.9.jar!/com/googlecode/gwt/charts/client/DataView.java'
         [ERROR] Line 17: The import com.google.gwt.core.client.JsArrayMixed cannot be resolved
         [ERROR] Line 209: JsArrayMixed cannot be resolved to a type

and

  [ERROR] Errors in 'jar:file:/C:/Users/Fran/.m2/repository/com/googlecode/gwt-charts/gwt-charts/0.9.9/gwt-charts-0.9.9.jar!/com/googlecode/gwt/charts/client/format/ColorFormat.java'
         [ERROR] Line 16: The import com.google.gwt.core.client.JsDate cannot be resolved

This errors repeat in other class of gwt-Charts.

¿How to get I solution for this errors?
¿Need I will update gwt-2.0.4 to gwt-2.5.x? (I prefer that don't do this 
option)

Thanks.

No particular issue here. Just want to know if the library is still supported ? 
Last update is from almost 2 years.

Thank you.

--
Comment by psvjupiter

Hi Rui Afonso, Sorry if this is the wrong place to post some question (pls 
delete if do). I created a chart with ComboChart? and set the series to be 
"bars". I am wondering if there is anyway I can set the gap between the 
bars...I couldn't find any options to set it..

Many Thanks for your work :)

--

Comment by project member rglafonso

Thank you for your feedback.

There's an option for setting the width of the bar groups: setBar and 
Bar.setGroupWidth?, but it's not available in ComboChart?, just BarChart?. This 
is really a missing feature so I'll add it to the next release asap.

--

The bind method below  preset the container ids of the control and 
chartwrappers, without checking if the widgets have already set needed Id.

    public final void bind(ControlWrapperWidget<?> controlWrapper, ChartWrapperWidget<?> chartWrapper) {
        controlWrapper.setContainerId(DOM.createUniqueId());
        chartWrapper.setContainerId(DOM.createUniqueId());
        dashboardObject.bind(controlWrapper.getObject(), chartWrapper.getObject());
    }

Sorry if this is the wrong location of your website.  I couldn't find a forum 
on your website where I could post it.

What steps will reproduce the problem?
1.  Using BubbleChartOptions (or other graph option class) on graphs

What is the expected output? What do you see instead?

There are NO methods in the BubbleChartsOptions, BarChartOptions, etc. classes 
that allow me to change the size of the points.  For example, I want to change 
the size of a point on a bubble chart or change the width of the bar in my 
chart.  I can't do this because there are no methods within the classes that 
enable me to do so.  Also, these classes have no documentation or javadocs, so 
how can I tell if, for example, Bubble.setStroke(String stroke) is wanting 
JavaScript or CSS code for its parameters?

What operating system, browser and version are you using?

OS:  Windows 8
Browser:  Pale Moon v24.0

What steps will reproduce the problem?
1. Open the geochart example @ http://gwt-charts.appspot.com/ and switch to 
examples tab

What is the expected output? What do you see instead?
The example code file can not be found. Other examples source codes are 
unavailable as well

What steps will reproduce the problem?
1. Create a GeoChartOptions
2. Setting for legend only takes a GeoChartLegend option, whereas the legend 
setting can also be the String 'none'

A suggested fix would be adding either to the GeoChartOptions :

public final native void setLegend(String legend) /*-{
        this.legend = legend;
}-*/;

public final native void hideLegend() /*-{
        this.legend = "none";
}-*/;

What steps will reproduce the problem?
1. Go to the demo http://gwt-charts.appspot.com/
2. Select the "Chart range filter"

What is the expected output? What do you see instead?
It is displayed in "small size" (see 1st attached file).
If you resize the window, or change the range, the chart is displayed full size 
(see 2nd attached file).

What operating system, browser and version are you using?
Windows
Tested with Firefox 17, IE 8, Chrome 23.0, all same results.

I have the same behaviour in my GWT application (1st display small size, once 
range updated, display full size).

What steps will reproduce the problem?
1. Try to change the default color using coloraxis in geochart

What is the expected output? What do you see instead?
I should see the new colors set by the coloraxis object, but i observed an 
error saying

this.getLength() function is not defined

What operating system, browser and version are you using?

I am using firefox 17 on ubuntu 12.04, this bug can be observed in chrome too.

Let me know if you need any further information.

ie, setting the FallingColor does not work, since we do
this.fallingColor = fallingColor;

according to this doc
https://google-developers.appspot.com/chart/interactive/docs/gallery/candlestick
chart#Configuration_Options

the value, where the fallingColor is expected: 
candlestick.fallingColor

the same for risingColor

cheers
andre

What steps will reproduce the problem?
1. Create a TreeMap object 
2. call clearChart() on it - null pointer exception happens
3. debug mode shows 2 chartObjects, 1 null, the other not null

What is the expected output? What do you see instead?
Expect the clearChart to run without exception being thrown

What operating system, browser and version are you using?
N/A

I have worked around this by copying the TreeMap class and omitting the 
ChartObject declaration.

See http://maven.apache.org/guides/mini/guide-central-repository-upload.html

pie charts demo can be viewed in gwt 2.6 natively but  in dev mode mozilla goes 
away.

I'd like to be able to use the Org Chart. 
https://developers.google.com/chart/interactive/docs/gallery/orgchart

Could you please provide some "getting started" tips for adding support for the 
Org Chart to gwt-charts?

  * DashboardWidget -> Dashboard
  * ControlWrapperWidget -> ControlWrapper
  * ChartWrapperWidget -> ChartWrapper

com.googlecode.gwt.charts.client.controls.DashboardWidget misses method 
DashboardObject getObject();

There is a but in the JSNI of 
com.googlecode.gwt.charts.clientChartWrapperSpec.setChartType() method. Instead 
of 'chartType' input parameter unexisting 'controlType' one is used.

    private final native void setChartType(String chartType) /*-{
        this.controlType = controlType;
    }-*/;

~Dimitar

Search for possible bugs in 
http://code.google.com/p/google-visualization-api-issues/issues/list

What steps will reproduce the problem?

1.  Create a DataTable:

myDataTable = DataTable.create();
myDataTable.addColumn(ColumnType.DATETIME);
myDataTable.addColumn(ColumnType.NUMBER);

2.  Add bunch of rows:

myDataTable.setValue(recCount, 0, myDate);
myDataTable.setValue(recCount, 1, myFloat);

Each java.util.Date instance is constructed from a unix datetime long value 
retrieved from a database.  In this example there are 24 datapoints retrieved, 
each pair separated by one hour, beginning at 0000 UTC and running through 2300 
UTC (inclusive) on the day in question.

3.  Use DateFormat to format the first column of the completed DataTable:

// this works correctly!
DateFormatOptions utcFmtOptions = DateFormatOptions.create();
utcFmtOptions.setTimeZone(0);
utcFmtOptions.setPattern("yyyy-MM-dd HH:mm:ss z");
DateFormat utcFmt = DateFormat.create(utcFmtOptions);
utcFmt.format(dataTable, 0);

4.  Create a LineChart (this code snippet is somewhat abridged):

LineChart myChart = new LineChart();
LineChartOptions options = LineChartOptions.create();
options.setBackgroundColor("#f0f0f0");
options.setLineWidth(2);
HAxis xAxis = HAxis.create(xLabel);
// this is a PROBLEM -- displays in Browser/Client local time zone
xAxis.setFormat("MM/dd HH:mm");
options.setHAxis(xAxis);
VAxis yAxis = VAxis.create(yLabel);
yAxis.setViewWindowMode("maximized");
options.setVAxis(yAxis);
myChart.draw(dataTable, options);

What is the expected output? What do you see instead?

See two attached screen caps showing two views of the resulting chart.  This is 
a particularly obvious example because it covers Sunday, March 10, 2013, which 
is when my local browser/client timezone begins daylight saving.  The records 
are retrieved correctly in unix datetimes for that day, exactly one hour apart, 
and the xAxis title (which I constructed) is correctly showing UTC.  The hover 
text of every individual datapoint is also correct.  But the xAxis labels are 
showing not in UTC but some in EST and some in EDT (note the irregular grid 
spacing, too).

In the first image the hover text is correctly showing a time of 0100 UTC but 
that spot on the axis is labeled with 2000 (EST) the day before, five hours 
off.  In the second image the hover text is correctly showing a time of 1600 
UTC but that spot on the axis is labeled with 1200 (EDT), which is four hours 
off.

I would like some way of specifying not just a format mask but also a timezone 
for the axis labels.  Or perhaps some way of setting a global default timezone 
that would override the browser/client locale.  These data are all collected, 
stored, and published in UTC and there is no reason anyone would ever want to 
view them in their local time zone.

What operating system, browser and version are you using?

I'm not sure which details are relevant here (and I'd be happy to provide more) 
but here are some:

Server:  Scientific Linux 6.4, 2.6.32-358.11.1.el6.i686
Client:  Mac OS X 10.8.4, Safari 6.0.5 (8536.30.1)

regards,
Mike J+

What steps will reproduce the problem?

We have the following code:
final JsArray<Selection> selectionArray = Selection.createArray().cast();
selectionArray.setLength(1);

final Selection selection = Selection.create(1, null).cast();
selectionArray.set(0, selection);



What is the expected output? What do you see instead?
We keep getting the error:

com.google.gwt.core.client.JavaScriptException: (TypeError) 
@com.googlecode.gwt.charts.client.ChartObject::setSelection(Lcom/google/gwt/core
/client/JsArray;)([JavaScript object(10448)]): Cannot read property 'NaN' of 
undefined
    at com.google.gwt.dev.shell.BrowserChannelServer.invokeJavascript(BrowserChannelServer.java:249)
    at com.google.gwt.dev.shell.ModuleSpaceOOPHM.doInvoke(ModuleSpaceOOPHM.java:136)
    at com.google.gwt.dev.shell.ModuleSpace.invokeNative(ModuleSpace.java:571)
    at com.google.gwt.dev.shell.ModuleSpace.invokeNativeVoid(ModuleSpace.java:299)
    at com.google.gwt.dev.shell.JavaScriptHost.invokeNativeVoid(JavaScriptHost.java:107)
    at com.googlecode.gwt.charts.client.ChartObject$.setSelection$(ChartObject.java)
    at com.googlecode.gwt.charts.client.corechart.CoreChartWidget.setSelection(CoreChartWidget.java:90)


What operating system, browser and version are you using?
Any browser.

Create a showcase with all currently available charts, with source included.
Use GAE for the job: http://gwt-charts.appspot.com/

I am implementing a chart similar to the chart range filter example in the 
showcase: http://gwt-charts.appspot.com/

I would like to add a feature where I can drag/move the line chart on mouse 
press, horizontally, and the chart range filter updates the filters 
accordingly. This is similar to the annotated time line in the google charts. 
https://developers.google.com/chart/interactive/docs/gallery/annotatedtimeline  

Is there a way to implement the same in the gwt line charts? If yes, any 
suggestions will be helpful.
thanks 

Nice project!Congrats!
Is it possible to add a mouseOver/mouseOut Handler on a ChartWrapperWidget 
which is used in a DashboardWidget with a filter control? The current state 
only has 

addReadyHandler
addErrorHandler
addSelectHandler

I tried with the addHandler method with no success. Also I tried extending the 
ChartWrapperWidget and ChartWrapper to addOnMouseOverHandler but it doesn't 
work. 

Is this possible in the current phase of the project?(if so can you provide a 
short example?) Sorry if I asked in the wrong place but I didn't now where else 
to post.

Affecting these classes in package 
com.googlecode.gwt.charts.client.controls.filter
  * CategoryFilterState
  * ChartRangeFilterState
  * NumberRangeFilterState
  * StringFilterState

See https://developers.google.com/chart/interactive/docs/release_notes#v24092012

I have created annotated chart, but i want to generate chart based on plug in 
requirement, it means chrome and ff comes with flash player plugin but for IE 
you have to install manually or some times its detect automatic for the Update.

Now my concern is if flash plug in is not available or not install neither 
updated. graph should be generate and detect flash or svg plug in is available, 
if both are not available graph result would be img ..

i used if condition to detect Browser plugin

if ($.browser.msie){
  if ($.browser.flash = false) 
   console.log("You Dont have flash installed");
   drawVisualizationannotated(jsonData);        // With SVG
}else{
   console.log("You have flash installed");
   drawVisualizationWithFlash(jsonData);    // With Flash
}

I am facing this issues on IE only 

Please suggest 

What steps will reproduce the problem?
1. Create a chart 
2. call setSelection() and select a row/column 
3. hide chart (onUnload called)
4.) show chart (onLoad called). 


What is the expected output? What do you see instead?

Chart should be displayed with the previously selected row/column. 

However an Exception is thrown: 

Caused by: com.google.gwt.core.client.JavaScriptException: (TypeError) : Cannot 
call method 'setSelection' of null
    at Unknown.Y.setSelection(http://www.google.com/uds/api/visualization/1.0/4c2447db544d51e9c1e1331ad80…format+de,default,geochart,orgchart,motionchart+de,corechart.I.js@430:1330)
    at Unknown.$setSelection(http://localhost:9876/browser/E14856CD84E426CBDA4DD10653F4A2F0.cache.js@15:166856)
    at Unknown.recreate_0(http://localhost:9876/browser/E14856CD84E426CBDA4DD10653F4A2F0.cache.js@32:167068)
    at Unknown.onLoad_17(http://localhost:9876/browser/E14856CD84E426CBDA4DD10653F4A2F0.cache.js@8:166913)
    at Unknown.$onAttach(http://localhost:9876/browser/E14856CD84E426CBDA4DD10653F4A2F0.cache.js@15:433)
    at Unknown.onAttach(http://localhost:9876/browser/E14856CD84E426CBDA4DD10653F4A2F0.cache.js@3:558)
    at Unknown.execute_53(http://localhost:9876/browser/E14856CD84E426CBDA4DD10653F4A2F0.cache.js@5:149942)
    at Unknown.tryCommand_0(http://localhost:9876/browser/E14856CD84E426CBDA4DD10653F4A2F0.cache.js@9:149912)
    at Unknown.doAttachChildren_0(http://localhost:9876/browser/E14856CD84E426CBDA4DD10653F4A2F0.cache.js@3:7379)
    at Unknown.$onAttach(http://localhost:9876/browser/E14856CD84E426CBDA4DD10653F4A2F0.cache.js@15:432) 


Possibly the call to setSelection has to be deferred because the chart hasn't 
fully be initialized. 

There are a lot of final modifiers that don't allow extensibility nor 
testability.

Here is my code, which is -- for the most part -- a cut and paste of your 
example code for creating and displaying a Gauge chart:


public class SplashPanel extends SimpleLayoutPanel {

    private Gauge chart;

    public SplashPanel() {

    ChartLoader chartLoader = new ChartLoader(ChartPackage.CORECHART);
    chartLoader.loadApi(new Runnable() {
        @Override
        public void run() {
        Widget chart = createChart();
        setWidget(chart);
        drawChart();
        }
     });

    }

    private Widget createChart() {
    if (null == chart)
        chart = new Gauge();

    return chart;
    }

    private void drawChart() {
    // Prepare the data
    DataTable dataTable = DataTable.create();
    dataTable.addColumn(ColumnType.STRING, "Label");
    dataTable.addColumn(ColumnType.NUMBER, "Value");
    dataTable.addRows(3);
    dataTable.setValue(0, 0, "Memory");
    dataTable.setValue(0, 1, 80);
    dataTable.setValue(1, 0, "CPU");
    dataTable.setValue(1, 1, 55);
    dataTable.setValue(2, 0, "Network");
    dataTable.setValue(2, 1, 68);

    // Set options
    GaugeOptions options = GaugeOptions.create();
    options.setGreenFrom(0);
    options.setGreenTo(40);
    options.setYellowFrom(40);
    options.setYellowTo(80);
    options.setRedFrom(80);
    options.setRedTo(100);

    // Draw the chart
    chart.draw(dataTable, options);
    }

Running this code produces the following Exception:

com.google.gwt.core.client.JavaScriptException: (TypeError) 
@com.googlecode.gwt.charts.client.gauge.Gauge::createChartObject(Lcom/google/gwt
/dom/client/Element;)([JavaScript object(484)]): 
$wnd.google.visualization.Gauge is not a constructor
    at com.google.gwt.dev.shell.BrowserChannelServer.invokeJavascript(BrowserChannelServer.java:249)
    at com.google.gwt.dev.shell.ModuleSpaceOOPHM.doInvoke(ModuleSpaceOOPHM.java:136)
    at com.google.gwt.dev.shell.ModuleSpace.invokeNative(ModuleSpace.java:570)
    at com.google.gwt.dev.shell.ModuleSpace.invokeNativeObject(ModuleSpace.java:278)
    at com.google.gwt.dev.shell.JavaScriptHost.invokeNativeObject(JavaScriptHost.java:91)
    at com.googlecode.gwt.charts.client.gauge.Gauge.createChartObject(Gauge.java)
    at com.googlecode.gwt.charts.client.ChartWidget.<init>(ChartWidget.java:50)
    at com.googlecode.gwt.charts.client.gauge.Gauge.<init>(Gauge.java:23)
    at acsi.dashboard.client.SplashPanel.createChart(SplashPanel.java:32)
    at acsi.dashboard.client.SplashPanel.access$0(SplashPanel.java:30)
    at acsi.dashboard.client.SplashPanel$1.run(SplashPanel.java:22)
    at com.googlecode.gwt.charts.client.ajaxloader.ExceptionHelper.runProtected(ExceptionHelper.java:36)
    at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
    at sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:39)
    at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:25)
    at java.lang.reflect.Method.invoke(Method.java:597)
    at com.google.gwt.dev.shell.MethodAdaptor.invoke(MethodAdaptor.java:103)
    at com.google.gwt.dev.shell.MethodDispatch.invoke(MethodDispatch.java:71)
    at com.google.gwt.dev.shell.OophmSessionHandler.invoke(OophmSessionHandler.java:172)
    at com.google.gwt.dev.shell.BrowserChannelServer.reactToMessages(BrowserChannelServer.java:293)
    at com.google.gwt.dev.shell.BrowserChannelServer.processConnection(BrowserChannelServer.java:547)
    at com.google.gwt.dev.shell.BrowserChannelServer.run(BrowserChannelServer.java:364)
    at java.lang.Thread.run(Thread.java:680)


Joel Rives
[email protected]

See https://developers.google.com/chart/interactive/docs/release_notes#v02052012

I have a LineChart and would like to be able to use a ChartRangeFilter 
(date-based) with it. I'm lost on the use of the wrappers and how to hook that 
into an HTML-id. 

An example that uses this API would be great. I've looked at equivalent 
javascript, but it didn't get me far enough in my understanding.

See https://developers.google.com/chart/interactive/docs/release_notes#v18062012

Great project!
Is it also possible to format numbers of y-axis with swiss german locale 
'de_CH'. For example 100'000.00 CHF? 
I am using a LineChart component of the visualization API and can not resolve 
this urgent requirement. Is it perhaps possible with the gwt-charts API?

Thank you in advance for you answer.

What steps will reproduce the problem?
1. Add Chart directly to a DockLayoutPanel (center widget)

What is the expected output? What do you see instead?
Chart appears with a default size instead of maximized.

Please use labels and text to provide additional information.

Hello again,

How's it going with the project?

1. In the addStateChangedHandler of the ControlWrapperObject you have something 
like this:

return addListener(StateChangedEvent.NAME, handler); 

where public static String NAME = "statechanged"; Actually the name is 
"statechange" as I tested on the playground from google. I may be wrong but i 
tested with "statechanged" and it did not throw the event, while with 
"statechange" i did.

2. Also in the HasListeners class there is a method
removeListener(HandlerRef handlerRef) in which you have something like 
removeListener(handlerReg); You can see that the parameters don't match because 
of the last letter.

Thank you for your hard work. Keep it going with the great job!
Ovi

I am using LineChart and trying to use the data role to make some values 
uncertain.

I tried 2 thing, both won't work:

1. Define columns and data like this;
label: 'Year',  'Sales',    null, 'Expenses',     null
 STRING,   NUMBER, certainty,     number,  certainty
 '2004',   1000,     false,      400,      true
 '2005',   1170,      true,      460,      true
 '2006',    660,      true,     1120,      false
 '2007',   1030,      true,      540,      false

In this case I get an error message that all columns must be of the same type.

2. use dataTable.setProperty(row, column, "certainty", "false")
This does not give an error, but I don't get the expected dotted line.

I would be great to see an example on this..

What would you like to see us add to this API?
My problem : the text in Annotation overlaps. In my example in the attach file, 
see the annotation text in grey RUN, INSTALL, STOP, etc.
Could you make the text does not overlap, please ? 

What component is this issue related to (PieChart, LineChart, DataTable,
Query, etc)?
LineChart / DataRole / Annotation

What operating system, browser and version are you using?
Windows 7, Chrome, Firefox and IE all version

There are several methods with identical JSNI bugs in 
com.googlecode.gwt.charts.client.controls.filter.CategoryFilterOptions. It is 
wrong parameter name passed to the JS native code. Here are they:

    public final native void setValues(JsArray<JavaScriptObject> selectedValues) /*-{
        this.values = values;
    }-*/;

    public final native void setValues(JsArrayBoolean selectedValues) /*-{
        this.values = values;
    }-*/;

    public final native void setValues(JsArrayString selectedValues) /*-{
        this.values = values;
    }-*/;

~Dimitar

PieChartOptions is containing setters for colors and pieSliceText properties, 
however those setter are private. As these properties are from the official 
chart API it makes sense to be public.

Hello, 

In ChartRangeFilterStateRange , getEndNumber and getEndTimeOfDay should be 
corrected:

//existing
 public final native double getEndNumber() /*-{
    this.end = end;
}-*/;

public final native TimeOfDay getEndTimeOfDay() /*-{
    this.end = end;
}-*/;

//correct version
public final native double getEndNumber() /*-{
    return this.end;
}-*/;

public final native TimeOfDay getEndTimeOfDay() /*-{
    return this.end;
}-*/;


Thanks for your work, it's a very useful wrapper.

In the showcase:
- Select any graph. It opens nicely on the 'Example' tab.
- Go to the 'Source Code' tab
- Select another kind of graph
- Select the 'Example' tab again

The graph will not be using all the available space, but a (manual) resize on 
the browser window will make it right. 

I've got the same thing happening to me, and I've trying to mess around with 
#onResize(), but with no luck... Ideas?

Marcelo

Might not be an issue, however I couldn't find a solution.
I have a custom visualization for which I have a GWT wrapper 
(https://code.google.com/p/gwt-google-apis/wiki/VisualizationCustomVisualization
). Is there any way to use those custom visualizations together with a 
ChartWrapper?

Hello,

Great work with the new release.
I have yet another question: Having a dashboard with any type of chart and a 
control object of type ControlType.CHART_RANGE_FILTER is it possible to redraw 
the chart only when the range selection is done? not during the draging ot the 
sliders?

Thank you,
Ovi

What steps will reproduce the problem?
1.
2.
3.

What is the expected output? What do you see instead?


Please use labels and text to provide additional information.

ControlWrapperObject.getObject() is protected. It should be public.

Just wondering if support for these charts is planned.

What steps will reproduce the problem?
1. Attach a chart to a *Panel
2. Dettach the chart or the *Panel
3. Reattach the chart or the *Panel

What is the expected output? What do you see instead?
Does not show the graph as it should

Please use labels and text to provide additional information.

In the Google API (https://developers.google.com/chart/interactive/docs/roles) 
it is possible to write:
data.addColumn({type:'string', role:'annotation'});

It seems that RoleType can only be used by DataColumn, and so by a DataLiteral 
object with setCols(), to build the table directly from JSON datas, but not 
applicable for the example above.

It is possible to add this by adding a new class, for example ColumnDescription 
(see attached file), and to add the following function to DataTable:

public final native int addColumn(ColumnDescription description) /*-{
    return this.addColumn(description);
}-*/;

Then you can add in your code:
ColumnDescription annotatedColumn = ColumnDescription.create();
annotatedColumn.setType(ColumnType.STRING);
annotatedColumn.setRole(RoleType.ANNOTATION);
dataTable.addColumn(annotatedColumn);