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': 'Health Care', 'value': 37},
4
{'x': 'Education', 'value': 31},
5
{'x': 'Pensions', 'value': 23},
6
{'x': 'General Government', 'value': 21},
7
{'x': 'Transportation', 'value': 9},
8
{'x': 'Defense', 'value': -5},
9
{'x': 'Welfare', 'value': -15},
10
{'x': 'Other Spending', 'value': -27}
11
];
12
13
var weights = [9, 5, 10, 8, 12, 19, 11, 6];
14
15
//create barmekko chart with data
16
var chart = anychart.barmekko(data);
17
18
//set weights
19
chart.xScale().weights(weights);
20
//format y-axis labels
21
chart.yAxis().labels().format('{%Value}%');
22
//set tooltip settings
23
chart.tooltip().format('Value: {%Value}%');
24
//set container id for the chart
25
chart.container('container');
26
//initiate chart drawing
27
chart.draw();
28
});