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
3
var chart = anychart.pyramid([
4
{name: "Fantasy", value: 637166},
5
{name: "Science Fiction", value: 721630},
6
{name: "Detective", value: 148662},
7
{name: "Classics", value: 78662},
8
{name: "Textbooks", value: 90000}
9
]);
10
11
// edit appearance settings
12
chart.fill("#8B4513", 0.6);
13
chart.hoverFill("#8B4513", 0.3);
14
chart.selectFill("#8B4513", 0.8);
15
chart.stroke("#fff", 1);
16
chart.hoverStroke("#fff", 2);
17
chart.selectStroke("#fff", 3);
18
19
// draw chart
20
chart.container("container");
21
chart.draw();
22
});