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 data = [
3
{x: "Physical", value: 125},
4
{x: "Data Link", value: 125},
5
{x: "Network", value: 125},
6
{x: "Transport", value: 125},
7
{x: "Session", value: 125},
8
{x: "Presentation", value: 125},
9
{x: "Application", value: 290, label: {anchor: "centerTop"}}
10
];
11
12
var chart = anychart.pyramid(data);
13
chart.labels({position: "inside"});
14
15
// Create palette.
16
var palette = anychart.palettes.distinctColors();
17
palette.items(["#4FC3F7", "#4DD0E1", "#4DB6AC", ["#DCEDC8", "#689F38"]]);
18
19
// Set palette.
20
chart.palette(palette);
21
22
chart.title("Set color palette parameter as a distinct colors instance.");
23
chart.container("container");
24
chart.draw();
25
});