Ответ 1
С выпуском Material Charts Google изменяет параметры опций. Структура этих параметров еще не завершена, поэтому Google предоставляет функцию конвертера для классической структуры опций в новую, и рекомендуется использовать ее вместо использования параметров, которые могут измениться в будущем.
Итак, вы можете исправить свою проблему одним из двух способов:
- Вы можете использовать функцию преобразования, как рекомендует Google (вы можете увидеть этот метод, продемонстрированный в этом jsfiddle или официальном официальном сайте Google документация (обратите внимание на заметку справа внизу связанного заголовка).
google.load("visualization", "1.0", {packages:["bar"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Year', 'Sales', 'Expenses', 'Profit'],
['2014', 1000, 400, 200],
['2015', 1170, 460, 250],
['2016', 660, 1120, 300],
['2017', 1030, 540, 350]
]);
var options = {
chart: {
title: 'Company Performance',
subtitle: 'Sales, Expenses, and Profit: 2014-2017',
},
vAxis: {
viewWindowMode:'explicit',
viewWindow: {
max:3000,
min:500
}
},
bars: 'vertical', // Required for Material Bar Charts.
width: 800,
height: 600
};
var chart = new google.charts.Bar(document.getElementById('barchart_material'));
chart.draw(data, google.charts.Bar.convertOptions(options));
}
<script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1','packages':['corechart']}]}"></script>
<div id="barchart_material"></div>