<div id="container"></div>
html, body, #container {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
anychart.onDocumentReady(function () {
var chart = anychart.line([
{x: 'Meat', value: 10},
{x: 'Fruit', value: 12},
{x: 'Nuts', value: 18},
{x: 'Milk', value: 11},
{x: 'Fish', value: 9}
]);
// Get background.
var background = chart.background();
background.stroke('2 #2196F3');
background.corners(10);
background.fill({
keys: [
'#FFECB3 0.2',
'#FFE082',
'#FFECB3 0.2'
],
angle: -90
});
chart.title('Get and modify background object');
chart.container('container');
chart.draw();