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
//create bar chart
3
var chart = anychart.bar();
4
chart.background(null);
5
6
//data for the chart
7
var data = anychart.data.set([
8
['P1', 31.34, 4, 3],
9
['P2', 39.76, 6, 6],
10
['P3', 47.43, 8, 12],
11
['P4', 60.67, 7, 8],
12
['P5', 88.19, 5, 6],
13
['P6', 123.54, 8.3, 6],
14
['P7', 150.98, 5.4, 11],
15
['P8', 173.21, 16, 15],
16
['P9', 201.61, 10, 4],
17
['P10', 229.14, 3, 7]
18
]).mapAs({
19
'x': 0,
20
'value': 1,
21
'valueLowerError': 2,
22
'valueUpperError': 3
23
});
24
25
//create area series with data
26
var series = chart.bar(data);
27
series.error().valueErrorStroke('red');
28
//set scale minimum
29
chart.yScale().minimum(0);
30
31
chart.container('container');
32
chart.draw();
33
});