如何在折线图谷歌图表材料上格式化轴？答案

【问题标题】：How do I format axes on line chart google chart material?如何在折线图谷歌图表材料上格式化轴？
【发布时间】：2017-02-15 13:31:21
【问题描述】：

我在格式化材料图表的轴时遇到问题。

如果我想用美元符号格式化我的垂直轴，我会使用“经典”折线图 {vAxes: { 0: {title: 'Amount',format: '$#,##'}}} 让它看起来像这样：

在阅读了材料图表的一些小文档后，我本以为我可以更改为 {axes: {y: {Amount: {format:'$#,##', label:'Amount'} } } }，但这根本不起作用。

另外，我在横轴上有日期，默认格式是 sh*t!我也不知道如何覆盖该格式。请注意，这是在我尝试格式化的轴上。

我尝试使用水平设置hAxis: {format:'YYYY-MM-DD'}，但没有成功。

我的主要问题是：有人知道材料图表的完整文档吗？我一直在使用的是this。

第二个问题：如何格式化轴上的值？

【问题讨论】：

标签： javascript charts google-visualization

【解决方案1】：

这些选项在材料图表上根本不可用...

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

当使用 Core 图表时，有一个选项可以让图表“接近”Material 图表...

theme: 'material'

请参阅以下工作 sn-p...

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

<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>

【讨论】：

谢谢！但是查看该列表，我看到一堆不起作用的 v 轴和 h 轴属性。但是格式不在其中，这向我表明它应该可以工作...？您不知道材料图表上有一些更广泛的文档吗？从现在开始我将使用主题！感谢您的提示！
没有更多我知道的文档，只有其他信息可以在release notes 中找到，material...
no.. 很难过在谷歌图表的那部分找到文档。不管怎样，谢谢你的回答！