Ось Google Area Chart и настройка полной ширины

Я пытаюсь стилизовать и добавить еще две оси x на диаграмму с областями Google (a и b на изображении ). Например, ось a должна быть установлена ​​на 900, а b :. 700.

Также пытаюсь расширить диаграмму на всю ширину содержащего div (960px ), но мое решение, похоже, ничего не делает.

This is the desired effect Это желаемый эффект.

Текущие 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);
  }
22
задан micstr 20 July 2015 в 09:00
поделиться