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 column chart
3
var chart = anychart.bar();
4
5
// set container id for the chart
6
chart.container('container');
7
8
// create area series with passed data
9
var ranges_data = anychart.data.set([
10
{low: 13, high: 40, model: 'SureTalk S1'},
11
{low: 17, high: 41, model: 'SureTalk S2.05'},
12
{low: 10, high: 39, model: 'Eclipse Mobile'},
13
{low: 12, high: 55, model: 'Blazen Mobile'},
14
{low: 13, high: 46, model: 'Globular S435'},
15
{low: 12, high: 38, model: 'Globular I775'},
16
{low: 15, high: 44, model: 'Initech'},
17
{low: 14, high: 50, model: 'MusiCone'}
18
]);
19
20
var data = ranges_data.mapAs({'x': 'model'});
21
var series = chart.rangeBar(data);
22
23
// set the selection color
24
series.selected()
25
.fill("navy 0.7")
26
.stroke("navy");
27
28
// initiate chart drawing
29
chart.draw();
30
});