Tracking Issue for Material Chart Feature Parity

[grabks]

Currently, Material Charts are missing a lot of features that our users have come to expect from our Classic Charts. This bug exists to track the exhaustive list of missing features. This bug should stay open until all the features on the list have been implemented.

Current list of unsupported options:

aggregationTarget
animation.*
annotations.*
axisTitlesPosition
bar.groupWidth
chartArea.*
crosshair.*
curveType
dataOpacity
enableInteractivity
explorer.*
focusTarget
{hAxis,vAxis,hAxes.*,vAxes.*}.direction
{hAxis,vAxis,hAxes.*,vAxes.*}.gridlines.count
{hAxis,vAxis,hAxes.*,vAxes.*}.gridlines.units
{hAxis,vAxis,hAxes.*,vAxes.*}.minorGridlines.*
{hAxis,vAxis,hAxes.*,vAxes.*}.logScale
{hAxis,vAxis,hAxes.*,vAxes.*}.textPosition
{hAxis,vAxis,hAxes.*,vAxes.*}.ticks
{hAxis,vAxis,hAxes.*,vAxes.*}.allowContainerBoundaryTextCufoff
{hAxis,vAxis,hAxes.*,vAxes.*}.slantedText
{hAxis,vAxis,hAxes.*,vAxes.*}.slantedTextAngle
{hAxis,vAxis,hAxes.*,vAxes.*}.maxAlteration
{hAxis,vAxis,hAxes.*,vAxes.*}.maxTextLines
{hAxis,vAxis,hAxes.*,vAxes.*}.minTextSpacing
{hAxis,vAxis,hAxes.*,vAxes.*}.showTextEvery
{hAxis,vAxis,hAxes.*,vAxes.*}.minValue
{hAxis,vAxis,hAxes.*,vAxes.*}.maxValue
{hAxis,vAxis,hAxes.*,vAxes.*}.viewWindowMode
interpolateNulls
legend.alignment
legend.maxLines
legend.position: ['top', 'bottom']
lineDashStyle
lineWidth
pointShape
pointSize
pointsVisible
reverseCategories
theme
series.*.annotations
series.*.color
series.*.curveType
series.*.lineDashStyle
series.*.lineWidth
series.*.pointShape
series.*.pointSize
series.*.pointsVisible
theme
titlePosition
titleTextStyle
tooltip.isHtml
tooltip.showColorCode
tooltip.textStyle
tooltip.trigger
trendlines.*

[schrepel]

I'd vote for supporting the legend.position feature, it's the only thing holding us back from not using material charts (we use the legend at the bottom almost exclusively).

[hotear]

I would also like to see the legend.position feature implemented next.

[jimhorng]

vote for minValue, and lineWidth

[rdnt]

Would love to see minValue and maxValue implemented, I have to register a bar with full height for the CPU usage chart to stay with 100 at max. The chart is being updater every 1s so the max value changes if all cores are below a certain threshold, which is irritating.

[MartinLyne]

Is there a place to track material updates? Will this issue get updated on new releases? Will there be a separate set of documentation for them? I can't even find a definitive list of material-available charts to try out. They look so much nicer!

[kejriwalrahul]

hAxis.textColor is also not working

[BobHarper1]

Second (or third) getting legend.position top/bottom functioning - webpages have limited width but not limited height!

[jjwwkk300]

I want animation for Material Chart.
how can i use animaion for Metrial Chart ?
change the classic chart? Is this the only way?

[relief-melone]

Trendlines would be awesome. Material charts are looking awesome but I won't be able to implement them without the trendlines :(

[BobHarper1]

Are stacked material bar/column charts possible? I have tried (unsuccessfully) with

var chart = new google.charts.Bar(document.getElementById('chart'));
chart.draw(data, {isStacked: true})

also

var chart = new google.charts.Bar(document.getElementById('chart'));
chart.draw(data, {chart: {isStacked: true}})

[nbering]

@BobHarper1 I'm pretty sure that changed to just

{ stacked: true }

There's also a helper function on the material charts for converting the classic options structure to the new structure.

var materialOptions = google.charts.Bar.convertOptions(classicOptions);

Angular Google Chart is using the old loader so the API version is a bit out of date, but I have a little codepen demo I wrote that shows the output of the conversion in a little interactive editor.
http://codepen.io/nbering/pen/Kddvge

[BobHarper1]

@nbering Excellent, it works now. Thank you!

[onexerxes]

I'd like to vote for log scales, please!

[dobestler]

1. Legend position bottom not working is a deal breaker for mobile viewers. I recommend high priority.
2. Pop-ups on touch are too large for mobiles as well (line chart), was way better with the classic style.

[stevesuh]

Annotations please on bar charts!

[junkdeck]

Annoyingly, I can't get fontSize to work, either. Works fine in "classic" charts, though. How come that's not on the unsupported list?

[pdfabbro]

I need ticks to work since the default ticks are awful. I have a line chart showing a 24 hour cycle and it refuses to show more than 4 values along the x axis so people have to hover over the points (which also doesnt work well) to see what the value is associated with.

[jakesylvestre]

Any update on this?

[cognish]

Throw us a bone, eh?
+1 for pointSize

[ameer1234567890]

+1 for curveType

[ghost]

3 years and still nothing, classic Google.

[RSBlek]

PointSize still not working after several years...

[akpp2808]

+1

[Fernandomr88]

Any idea when will this get done? explorer is a neat feature that I'd love to see implemented

[SimonGAndrews]

Ok, I. Using angular material .... but need to make a decision on direction regarding charts. So question , is it’s Google’s intention to work this issue and / or bring google charts up to date with angular material ?? Or maybe is there alternative strategy for Charts in google web apps??

[Lavhe]

In 2020 there is still no focusTarget 😢

[timfogarty1549]

no logScale either

[malodev]

no trendlines 😢

[mrbrianevans]

Please add the legend position option to make it mobile friendly

[hectorcho]

Are there Type Definitions for Google Material Charts? (i.e. google.charts.Line())? Thanks.

[hellocaio]

Zzzzzzzzzzzzzzzzzzzzz

[fedes1987]

In 2020, +1 for curveType

[knallcharge]

2021 ... 5 years later ... tumbleweed ...

[dmak]

2021 ... 5 years later ... tumbleweed ...

Probably not worth waiting for the feature you miss to be implemented, but rather switch to another charting library. Google Chart API was in the phase of migration from old API to new API and I had a difficulty hitting contradictory or not relevant advises when searching for a help for a particular problem.
I have made my choice for https://www.highcharts.com/demo which is well documented and feature rich.

[pdfabbro]

2021 ... 5 years later ... tumbleweed ...

Probably not worth waiting for the feature you miss to be implemented, but rather switch to another charting library. Google Chart API was in the phase of migration from old API to new API and I had a difficulty hitting contradictory or not relevant advises when searching for a help for a particular problem.
I have made my choice for https://www.highcharts.com/demo which is well documented and feature rich.

Ya I switched to plotly a while ago

[mrbrianevans]

Considering that Google uses charts in many of their products such as Trends, I think this library is still a good choice, as long as you stay away from Material Charts.

[anzuj]

5 years later and no annotations inside bar charts. Sad times 😞

[Fernandomr88]

It's very annoying how using charts in flutter development is ugly and terrible

[saturdaywalkers]

Just wasted time converting some charts to 'Material Design' charts, only to find they are only half documented (chart options?) and look abandoned for 10 years or so.

Please update the documentation to not recommend it.