New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tracking Issue for Material Chart Feature Parity #2143

Open
grabks opened this Issue Jan 13, 2016 · 47 comments

Comments

Projects
None yet
@grabks

grabks commented Jan 13, 2016

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

This comment has been minimized.

schrepel commented Mar 14, 2016

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

This comment has been minimized.

hotear commented Mar 16, 2016

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

@jimhorng

This comment has been minimized.

jimhorng commented Mar 19, 2016

vote for minValue, and lineWidth

@ShtHappens796

This comment has been minimized.

ShtHappens796 commented Apr 15, 2016

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.
image

@MartinLyne

This comment has been minimized.

MartinLyne commented May 5, 2016

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

This comment has been minimized.

kejriwalrahul commented Jun 8, 2016

hAxis.textColor is also not working

@BobHarper1

This comment has been minimized.

BobHarper1 commented Jun 23, 2016

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

@jjwwkk300

This comment has been minimized.

jjwwkk300 commented Jun 29, 2016

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

This comment has been minimized.

relief-melone commented Jun 29, 2016

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

@BobHarper1

This comment has been minimized.

BobHarper1 commented Jul 6, 2016

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

This comment has been minimized.

nbering commented Jul 6, 2016

@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

This comment has been minimized.

BobHarper1 commented Jul 6, 2016

@nbering Excellent, it works now. Thank you!

@onexerxes

This comment has been minimized.

onexerxes commented Jul 11, 2016

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

@dobestler

This comment has been minimized.

dobestler commented Jul 14, 2016

  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

This comment has been minimized.

stevesuh commented Jul 25, 2016

Annotations please on bar charts!

@thopah

This comment has been minimized.

thopah commented Nov 21, 2016

is it possible to add the functionality of converting the material charts into image of png format like chart.getImageURI(), thank you

@rzb

This comment has been minimized.

rzb commented Mar 26, 2017

Dev is going fast here. Does anyone know of a fork that introduces the basic functionalities that are missing?

AlistairB added a commit to scientific-defense-force/this-is-the-world-site that referenced this issue Mar 31, 2017

Experimenting with google charts
Seems like they could be better, but not until the material charts are viable. Possibly just need the ability to style to groups with difference colors. Tracking via google/google-visualization-issues#2143
@pixxies

This comment has been minimized.

pixxies commented May 14, 2017

I really hope that {hAxis,vAxis,hAxes.*,vAxes.*}.direction gets sorted out soon. It's pretty important when you want the chart to automatically sort the data (which it can already do) and display it correctly (you can't fix the direction of the hAxis and vAxis which is a bit annoying and very off-putting).

@ZoFem

This comment has been minimized.

ZoFem commented Jun 9, 2017

Is this still an accurate list of things that don't work with material charts? I was wondering if annotations are still not working?

@katalin2003

This comment has been minimized.

katalin2003 commented Jun 9, 2017

@ZoFem sadly yes. It's accurate.

@moshe444

This comment has been minimized.

moshe444 commented Jun 23, 2017

These features are still not working for now. (2017/06/23)

@paulcanning

This comment has been minimized.

paulcanning commented Jun 27, 2017

Darn, the one thing I needed, log scaling, is on the list :(

@eddr

This comment has been minimized.

eddr commented Jul 31, 2017

Disappointing. Must say that the D3 v4 is a more feature full library

@rkc007

This comment has been minimized.

rkc007 commented Aug 24, 2017

legend.position feature is not yet implemented and this is the only thing holding me back from not using material charts.
It's been already more than a year.

@feliperandson

This comment has been minimized.

feliperandson commented Aug 25, 2017

Is there any forecast for the features to be implemented?

@ymd02

This comment has been minimized.

ymd02 commented Sep 6, 2017

How has this been left for so long? focusTarget is a necessity for us.

@onexerxes

This comment has been minimized.

onexerxes commented Sep 6, 2017

@lrem

This comment has been minimized.

Member

lrem commented Sep 9, 2017

For the record: vAxis.format also seems unsupported.

@lrem lrem referenced this issue Sep 9, 2017

Closed

Keep rating history #23

@silversillu

This comment has been minimized.

silversillu commented Sep 21, 2017

Is there an official statement of this project being abandoned?

@nbering

This comment has been minimized.

nbering commented Sep 21, 2017

I'll preface this by saying, "I'm not on the team."

It's not abandoned. It's used by Google Analytics so it will likely not be abandoned in the foreseeable future. However, it's basically a completed project and not super active. It does what it's supposed to do. The latest official release was on June 26, 2017.

@frozenpandaman

This comment has been minimized.

frozenpandaman commented Nov 6, 2017

This is a bit sad to see. :(

@rbtsolis

This comment has been minimized.

rbtsolis commented Jan 18, 2018

i cant understand annotations doesnt work in material but in google sheet works well, huuum

@miemo

This comment has been minimized.

miemo commented Jan 25, 2018

Wow, 2nd anniversary of this issue just passed and there's not even an update on the status of these (most of the ones I've tried still don't work). Calling the Material Design version of Charts anything but abandonware is a display of glaring, unwarranted optimism. Sad.

@nikhilkuyya

This comment has been minimized.

nikhilkuyya commented Feb 22, 2018

Can we have annotation on the material bar chart.
and how to use the google.charts.Bar.convertOptions(classicOptions) in angular

@Radiergummi

This comment has been minimized.

Radiergummi commented May 4, 2018

Hey Google, would it be possible to get any statement on the comments from @nbering and @miemo?
Having a solid charting library for Material apps would solve so many headaches!

And while we're waiting, would it be possible to just publish it as a Github repository anyone could actually contribute to?

@ClaraGaya

This comment has been minimized.

ClaraGaya commented Jun 19, 2018

For those of you trying to add max and min values , i managed to do that the following way:
axes: { y: { all: { range: { max: 200, min: -200 } } } },

@Munodiwa

This comment has been minimized.

Munodiwa commented Jul 13, 2018

how can I make the charts stacked? I think this has to be added to the issues list

@Dasone

This comment has been minimized.

Dasone commented Jul 30, 2018

Abandon ship! Time to go back to Classic chart.

@zguillen

This comment has been minimized.

zguillen commented Sep 11, 2018

what would be super helpful is if the documentation would note which options will not work for material charts, like this
image
next to each unsupported option in the configuration options section on pages like these https://google-developers.appspot.com/chart/interactive/docs/gallery/linechart

@simeyla

This comment has been minimized.

simeyla commented Nov 8, 2018

It does what it's supposed to do.

@nbering yes maybe - but they haven't done what they said they'd do

@junkdeck

This comment has been minimized.

junkdeck commented Nov 23, 2018

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

This comment has been minimized.

pdfabbro commented Nov 27, 2018

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment