Javascript 谷歌可视化图表

我的图表位置有问题，我想把图表从头到尾100%的宽度

我的代码

test.controller('testCtrl', ['$scope', function ($scope) {
console.log('test chart');
var data = google.visualization.arrayToDataTable([
    ['Minute', 'A', 'B', 'C', 'D', 'E', 'F'],
    ['0 min', 0.72, 0.64, 0.55, 0.47, 0.68, 0.39],
    ['', 0.62, 0.69, 0.65, 0.51, 0.66, 0.37],
    ['45 min', 0.69, 0.51, 0.55, 0.43, 0.54, 0.44],
    ['', 0.79, 0.68, 0.70, 0.57, 0.59, 0.41],
    ['90 min', 0.66, 0.71, 0.66, 0.58, 0.63, 0.48]
]);
var options = {
    width: '100%',
    height: '100%',
    curveType: 'function',
    chartArea: {
        width: '90%',
        height: '80%'
    },
    legend: {
        position: 'top'
    }
};
var chart = new google.visualization.LineChart(document.getElementById('curve_chart'));
chart.draw(data, options);
}]);

---

谢谢你的帮助

要将线条拉伸到图表区域的边缘，
需要使用（

'number'

，

'date'

等…），
与离散（

'string'

值）

请参阅以下工作片段。
数据表第一列中的值更改为简单数字（

0-4

）

然后使用对象表示法指定标签，
使用

hAxis.ticks

google.charts.load（'current'{
回调：图纸，
软件包：['corechart']
});
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[‘分钟’、‘A’、‘B’、‘C’、‘D’、‘E’、‘F’]，
[0, 0.72, 0.64, 0.55, 0.47, 0.68, 0.39],
[1, 0.62, 0.69, 0.65, 0.51, 0.66, 0.37],
[2, 0.69, 0.51, 0.55, 0.43, 0.54, 0.44],
[3, 0.79, 0.68, 0.70, 0.57, 0.59, 0.41],
[4, 0.66, 0.71, 0.66, 0.58, 0.63, 0.48]
]);
变量选项={
宽度：“100%”，
高度：“100%”，
curveType:'函数'，
图表区：{
宽度：“90%”，
身高：“80%”
},
图例：{
位置：'顶部'
},
哈克斯：{
滴答声：[
{v:0，f:'0分钟}，
{v:1，f:'}，
{v:2，f:'45分钟}，
{v:3，f:''}，
{v:4，f:'90分钟}
]
}
};
var chart=new google.visualization.LineChart（document.getElementById（'chart_div'））；
图表绘制（数据、选项）；
}

---

请添加完整的代码和HTML，最好使用类似JSFIDLE的格式：