HTMLcopy
x
1
!DOCTYPE html>
2
3
4
<meta charset="UTF-8">
5
<meta name="ac:name" content="anychart.charts.Cartesian3d.yGrid set asObject">
6
<meta name="ac:short-desc" content="">
7
<meta name="ac:desc" content="">
8
9
10
11
12
<link rel="stylesheet" type="text/css" href="https://cdn.anychart.com/releases/8.13.0/css/anychart-ui.min.css">
13
<style>
14
html, body, #container {
15
width: 100%;
16
height: 100%;
17
margin: 0;
18
padding: 0;
19
}
20
</style>
21
22
23
<div id="container"></div>
CSScopy
6
1
html, body, #container {
2
width: 100%;
3
height: 100%;
4
margin: 0;
5
padding: 0;
6
}
JavaScriptcopy
16
1
anychart.onDocumentReady(function() {
2
var chart = anychart.column3d([
3
{x: 'January', value: 2},
4
{x: 'February', value: 5},
5
{x: 'March', value: 3},
6
{x: 'April', value: 9},
7
{x: 'May', value: 4}
8
]);
9
10
// Set yGrid settings.
11
chart.yGrid({palette: ['#ffcc80', '#aed581']});
12
13
chart.title('Set chart xGrid parameters as an object');
14
chart.container('container');
15
chart.draw();
16
});