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: 'center-top'}}
10
];
11
12
var chart = anychart.pyramid(data);
13
chart.labels({position: 'inside'});
14
15
// Creates palette.
16
var palette = anychart.palettes.rangeColors();
17
palette.items(['#B2DFDB', '#00796B']);
18
palette.count(data.length);
19
20
// Set palette.
21
chart.palette(palette);
22
23
chart.title('Set color palette parameter as a range colors instance');
24
chart.container('container');
25
chart.draw();
26
});