Javascript 谷歌区域图表轴和设置全宽

我正在尝试在谷歌面积图中添加另一个2 x轴（图中的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);
  }

---

要获得正确的图表宽度，请在

选项

对象中添加

图表区域

定义。“配置选项”下列出了图表区的

设置：

演示：


google.load（“可视化”，“1”，“{packages:[“corechart”]}）；
setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[“年度”、“销售额”、“费用”]，
[‘11月’、1000、400]，
['December'，1170460]，
['January'，660，1120]，
['二月'，6901120]，
[March'，7801120]，
['April'，820，1120]，
['May'，660，1120]，
['June'，1030540]
]);
变量选项={
标题：“”，
背景颜色：“无”，
图例：{位置：'无'}，
哈克斯：{
标题:"年",，
titleTextStyle：{
颜色：“灰色”
}
},
图表区：{
左:40,，
前10名，
宽度：600，
身高：150
}
};
var chart=new google.visualization.AreaChart（document.getElementById（'chart_div'））；
图表绘制（数据、选项）；
}
body{margin:0；}
#图表组{
背景色：#F5；
宽度：660px；
高度：200px；
溢出：隐藏；
保证金：0自动；
}

谢谢@gilly3修复了宽度，您对图中的其他水平线a和b有什么建议吗？@Rob-要获得水平线，请为每行添加两个具有相同值的新数据系列。要使它们看起来符合您的要求（带标签的黑色虚线和隐藏的“区域”），请结合使用设置
series
选项和定义具有角色的其他列。有关详细信息，请参阅我的更新答案。下面是演示：
chartArea: {
    left: 40,
    top: 10,
    width: 900,
    height: 350
}