Как я могу форматировать оси на диаграмме диаграммы диаграммы?

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>