Я пытаюсь стилизовать и добавить еще две оси x на диаграмму с областями Google (a и b на изображении ). Например, ось a должна быть установлена на 900, а b :. 700.
Также пытаюсь расширить диаграмму на всю ширину содержащего div (960px ), но мое решение, похоже, ничего не делает.
Это желаемый эффект.
Текущие js
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Year', 'Sales', 'Expenses'],
['November', 1000, 400],
['December', 1170, 460],
['January', 660, 1120],
['February', 690, 1120],
['March', 780, 1120],
['April', 820, 1120],
['May', 660, 1120],
['June', 1030, 540]
]);
var options = {
title: '',
backgroundColor: 'none',
width:'960',
legend: {position: 'none'},
hAxis: {title: 'Year', titleTextStyle: {color: 'grey'},
}
};
var chart = new google.visualization.AreaChart(document.getElementById('chart_div'));
chart.draw(data, options);
}