HTMLcopy
1
<div id="container"></div>
CSScopy
6
1
html, body, #container {
2
width: 100%;
3
height: 100%;
4
margin: 0;
5
padding: 0;
6
}
JavaScriptcopy
x
1
anychart.onDocumentReady(function () {
2
var tableData = {
3
'header': ['#', 'Florida', 'Texas', 'Nevada'],
4
'rows': [
5
['Nail polish', 12814, 3054, 4376],
6
['Eyebrow pencil', 13012, 5067, 3987],
7
['Rouge', 11624, 7004, 3574],
8
['Lipstick', 8814, 9054, 4376],
9
['Eyeshadows', 12998, 12043, 4572],
10
['Eyeliner', 12321, 15067, 3417],
11
['Foundation', 10342, 10119, 5231],
12
['Lip gloss', 22998, 12043, 4572],
13
['Mascara', 11261, 10419, 6134]
14
]
15
};
16
17
var chart = anychart.bar3d();
18
19
// Set data from HTML table.
20
chart.data(tableData);
21
22
chart.title('Set chart data as a table data');
23
chart.container('container');
24
chart.draw();
25
});