Relationship between ChartWrapper and Material Design

[Nicholas Bering]

Hi,

I help to maintain an AngularJS directive that wraps the Google Charts API.  The project can be found at https://github.com/bouil/angular-google-chart.

Our directive makes use of google.visualization.ChartWrapper to allow the user to select the type of chart required, and simply binds to options and data provided by the user.  My questions are: Is ChartWrapper compatible with the new Material Charts?  Can we safely begin to implement features to support Material Charts (if any are required) or is the API design for Material Charts not yet complete?

Honestly, I'm not too concerned about using the new charts myself just yet, but I provide support for many users who have already begun to ask.

Thanks.

[Daniel LaLiberte]

Nicholas,

The API design for Material Charts is not yet complete.  Many more things are in the works, and compatibility with the ChartWrapper will likely be part of those plans.

In the short term, your users may be happy to get a lite version of the material design by using the option { theme: 'material' } with the old charts.  The layout of the material lite themed charts will be pretty much the same as for the old charts, but the colors and fonts will be about right.

Hope that helps.

--
You received this message because you are subscribed to the Google Groups "Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-visualizati...@googlegroups.com.
To post to this group, send email to google-visua...@googlegroups.com.
Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.

--

Daniel LaLiberte  - 978-394-1058

dlaliberte@Google.com   5CC, Cambridge MA

daniel.laliberte@GMail.com 9 Juniper Ridge Road, Acton MA

[Sergey Grabkovsky]

Hi Nicholas,

While Dan is completely correct that the API design for Material Charts is not yet complete, that is mostly referring to the options structure. The Material Bar Chart can safely be used with a ChartWrapper. In order to create a Material Bar Chart, you should specify "google.charts.Bar' for the chartType. Here is an example: http://jsfiddle.net/h5fe77at/

[Nicholas Bering]

Thank you very much.  I appreciate the feedback and will use this information to write some samples for users.

[dunba...@gmail.com]

It's worth pointing out that the chart wrapper options don't work properly when Material Charts are enabled in this way. For example the JSFiddle specifies a title, but this is not shown in the chart. I can't get it to work either. 

It would be great if Google could get Material Charts to work inside chartWrapper. 

On Wednesday, February 4, 2015 at 2:58:47 PM UTC, Sergey wrote:

Hi Nicholas,

While Dan is completely correct that the API design for Material Charts is not yet complete, that is mostly referring to the options structure. The Material Bar Chart can safely be used with a ChartWrapper. In order to create a Material Bar Chart, you should specify "google.charts.Bar' for the chartType. Here is an example: http://jsfiddle.net/h5fe77at/

On Wed Feb 04 2015 at 12:45:18 AM 'Daniel LaLiberte' via Google Visualization API <google-visua...@googlegroups.com> wrote:

Nicholas,

The API design for Material Charts is not yet complete.  Many more things are in the works, and compatibility with the ChartWrapper will likely be part of those plans.

In the short term, your users may be happy to get a lite version of the material design by using the option { theme: 'material' } with the old charts.  The layout of the material lite themed charts will be pretty much the same as for the old charts, but the colors and fonts will be about right.

Hope that helps.

On Tue, Feb 3, 2015 at 11:51 PM, Nicholas Bering <nulllife...@gmail.com> wrote:

Hi,

I help to maintain an AngularJS directive that wraps the Google Charts API.  The project can be found at https://github.com/bouil/angular-google-chart.

Our directive makes use of google.visualization.ChartWrapper to allow the user to select the type of chart required, and simply binds to options and data provided by the user.  My questions are: Is ChartWrapper compatible with the new Material Charts?  Can we safely begin to implement features to support Material Charts (if any are required) or is the API design for Material Charts not yet complete?

Honestly, I'm not too concerned about using the new charts myself just yet, but I provide support for many users who have already begun to ask.

Thanks.

--
You received this message because you are subscribed to the Google Groups "Google Visualization API" group.

To unsubscribe from this group and stop receiving emails from it, send an email to google-visualization-api+unsub...@googlegroups.com.

To post to this group, send email to google-visua...@googlegroups.com.
Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.

--

Daniel LaLiberte  - 978-394-1058

dlali...@Google.com   5CC, Cambridge MA

daniel.l...@GMail.com 9 Juniper Ridge Road, Acton MA

--
You received this message because you are subscribed to the Google Groups "Google Visualization API" group.

To unsubscribe from this group and stop receiving emails from it, send an email to google-visualization-api+unsub...@googlegroups.com.

[Sergey Grabkovsky]

Hi Nick,

Using the ChartWrapper doesn't change the fact that you need to convert the classic options to the options that the Material charts use. You can use the google.charts.Bar.convertOptions(options) function to do this.

On Thu, Oct 15, 2015 at 6:51 AM <dunba...@gmail.com> wrote:

It's worth pointing out that the chart wrapper options don't work properly when Material Charts are enabled in this way. For example the JSFiddle specifies a title, but this is not shown in the chart. I can't get it to work either. 

It would be great if Google could get Material Charts to work inside chartWrapper. 

On Wednesday, February 4, 2015 at 2:58:47 PM UTC, Sergey wrote:

Hi Nicholas,

While Dan is completely correct that the API design for Material Charts is not yet complete, that is mostly referring to the options structure. The Material Bar Chart can safely be used with a ChartWrapper. In order to create a Material Bar Chart, you should specify "google.charts.Bar' for the chartType. Here is an example: http://jsfiddle.net/h5fe77at/

On Wed Feb 04 2015 at 12:45:18 AM 'Daniel LaLiberte' via Google Visualization API <google-visua...@googlegroups.com> wrote:

Nicholas,

The API design for Material Charts is not yet complete.  Many more things are in the works, and compatibility with the ChartWrapper will likely be part of those plans.

In the short term, your users may be happy to get a lite version of the material design by using the option { theme: 'material' } with the old charts.  The layout of the material lite themed charts will be pretty much the same as for the old charts, but the colors and fonts will be about right.

Hope that helps.

On Tue, Feb 3, 2015 at 11:51 PM, Nicholas Bering <nulllife...@gmail.com> wrote:

Hi,

I help to maintain an AngularJS directive that wraps the Google Charts API.  The project can be found at https://github.com/bouil/angular-google-chart.

Our directive makes use of google.visualization.ChartWrapper to allow the user to select the type of chart required, and simply binds to options and data provided by the user.  My questions are: Is ChartWrapper compatible with the new Material Charts?  Can we safely begin to implement features to support Material Charts (if any are required) or is the API design for Material Charts not yet complete?

Honestly, I'm not too concerned about using the new charts myself just yet, but I provide support for many users who have already begun to ask.

Thanks.

--
You received this message because you are subscribed to the Google Groups "Google Visualization API" group.

To unsubscribe from this group and stop receiving emails from it, send an email to google-visualizati...@googlegroups.com.

To post to this group, send email to google-visua...@googlegroups.com.

Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.

--

Daniel LaLiberte  - 978-394-1058

dlali...@Google.com   5CC, Cambridge MA

daniel.l...@GMail.com 9 Juniper Ridge Road, Acton MA

--
You received this message because you are subscribed to the Google Groups "Google Visualization API" group.

To unsubscribe from this group and stop receiving emails from it, send an email to google-visualizati...@googlegroups.com.

To post to this group, send email to google-visua...@googlegroups.com.

Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.

--

You received this message because you are subscribed to the Google Groups "Google Visualization API" group.

To unsubscribe from this group and stop receiving emails from it, send an email to google-visualizati...@googlegroups.com.

To post to this group, send email to google-visua...@googlegroups.com.
Visit this group at http://groups.google.com/group/google-visualization-api.

To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/3a82c356-3297-46e3-b21b-ad0ca1725f89%40googlegroups.com.