Skip to content
This repository was archived by the owner on Apr 18, 2026. It is now read-only.
This repository was archived by the owner on Apr 18, 2026. It is now read-only.

Tracking Issue for Material Chart Feature Parity #2143

Open

Description

@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.*

Activity

  1. self-assigned this
    on Jan 13, 2016
  2. schrepel commented on Mar 14, 2016

    @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).

  3. hotear commented on Mar 16, 2016

    @hotear

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

  4. jimhorng commented on Mar 19, 2016

    @jimhorng

    vote for minValue, and lineWidth

  5. rdnt commented on Apr 15, 2016

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

  6. MartinLyne commented on May 5, 2016

    @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!

  7. kejriwalrahul commented on Jun 8, 2016

    @kejriwalrahul

    hAxis.textColor is also not working

  8. BobHarper1 commented on Jun 23, 2016

    @BobHarper1

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

  9. jjwwkk300 commented on Jun 29, 2016

    @jjwwkk300

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

  10. relief-melone commented on Jun 29, 2016

    @relief-melone

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

  11. BobHarper1 commented on Jul 6, 2016

    @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}})

  12. nbering commented on Jul 6, 2016

    @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

  13. 45 remaining items

  14. SimonGAndrews commented on Dec 4, 2019

    @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??

  15. Lavhe commented on Feb 10, 2020

    @Lavhe

    In 2020 there is still no focusTarget 😢

  16. timfogarty1549 commented on Feb 21, 2020

    @timfogarty1549

    no logScale either

  17. malodev commented on Mar 26, 2020

    @malodev

    no trendlines 😢

  18. mrbrianevans commented on May 11, 2020

    @mrbrianevans

    Please add the legend position option to make it mobile friendly

  19. hectorcho commented on Jun 9, 2020

    @hectorcho

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

  20. hellocaio commented on Jul 17, 2020

    @hellocaio

    Zzzzzzzzzzzzzzzzzzzzz

  21. fedes1987 commented on Oct 2, 2020

    @fedes1987

    In 2020, +1 for curveType

  22. knallcharge commented on May 6, 2021

    @knallcharge

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

  23. dmak commented on May 7, 2021

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

  24. pdfabbro commented on May 7, 2021

    @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

  25. mrbrianevans commented on May 7, 2021

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

  26. anzuj commented on Sep 9, 2021

    @anzuj

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

  27. Fernandomr88 commented on Sep 9, 2021

    @Fernandomr88

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

  28. saturdaywalkers commented on Jul 9, 2024

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

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

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions