How do I format axes on line chart google chart material?

Question

I\'m having problems formatting the axes of material charts.

Using \"classic\" line chart if I would like to format my vertical axis with a dollar sign, I would do

Answer 1

the options simply are not available on Material charts...

see --> Tracking Issue for Material Chart Feature Parity #2143

---

when using a Core chart instead, there is an option that will get the chart "close" to Material chart...

theme: 'material'

see following working snippet...

google.charts.load('current', {
  callback: drawChart,
  packages: ['corechart']
});

function drawChart() {
  var data = new google.visualization.DataTable();
  data.addColumn('date','Date');
  data.addColumn('number','Value');
  data.addRows([
    [new Date(2017, 1, 12), 250],
    [new Date(2017, 1, 13), 200],
    [new Date(2017, 1, 14), 150]
  ]);

  var options = {
    hAxis: {
      format: 'yyyy-MM-dd'
    },
    theme: 'material',
    vAxis: {
      format: '$#,##',
      title: 'Amount'
    }
  };

  var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
  chart.draw(data, options);
}