My chart is currently not displaying at 100% width as I intended. I would like the chart to span from the beginning to the end of the container.
https://i.stack.imgur.com/Xjw6g.png
Here's my code snippet:
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);
}]);
Thank you in advance for any assistance!