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
3
// create a data table
4
var table = anychart.data.table();
5
table.addData([
6
['2015-12-24', 211, 'DarkGreen'],
7
['2015-12-25', 512],
8
['2015-12-26', 311],
9
['2015-12-27', 411],
10
['2015-12-28', 611, '#FF0000'],
11
['2015-12-29', 512],
12
['2015-12-30', 411],
13
['2015-12-31', 311],
14
['2016-01-01', 510]
15
]);
16
17
// map value and fill
18
var mapping = table.mapAs({value: 1, fill: 2});
19
20
// creates a stock chart and enable individual coloring
21
var chart = anychart.stock(true);
22
23
// add a column series
24
chart.plot(0).column(mapping).name('Volume');
25
26
// draw a chart
27
chart.container('container');
28
chart.draw();
29
});