如何在折線圖谷歌圖表材質上設置軸的格式？

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>