如何在折线图谷歌图表材质上设置轴的格式？

Question

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

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

我一直以为我可以改变{axes: {y: {Amount: {format:'$#,##', label:'Amount'} } } }在阅读了材料图表的少量文档之后，这完全没有效果。

此外，我有水平轴上的日期，并且默认格式是sh * t！我无法弄清楚如何重写该格式。请注意，这是我试图格式化的轴。

与水平我试着设置hAxis: {format:'YYYY-MM-DD'}但没有奏效。

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

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

Answer 1

选项根本不提供材料图表...

看到 - >Tracking Issue for Material Chart Feature Parity #2143

---

使用 核心时图表，而不是

，有一个选项，将获得图表“接近”材质图表...

theme: 'material' 

看到下面的工作片段...

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>