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
// data
4
var data = anychart.data.set([
5
[2000, 10000, 12000, 18000, 11000, 9000, "#64b5f6 0.7"],
6
[2001, 12000, 15000, 16000, 13000, 19000, "#1976d2 0.7"]
7
]);
8
9
// chart type
10
var chart = anychart.column();
11
12
// set lowest line marker
13
var lineMarker = chart.lineMarker();
14
lineMarker.value(9000);
15
lineMarker.stroke({
16
// set stroke thickness
17
thickness: 2,
18
// set stroke color
19
color: "#0D0",
20
// set dashes and gaps
21
dash: "2 4"
22
});
23
24
25
26
// y axis title
27
chart.yAxis().title("Sales");
28
29
for (var seriesNumber = 1; seriesNumber<6;seriesNumber++){
30
seriesFormatter(seriesNumber);
31
}
32
33
function seriesFormatter(seriesNumber){
34
// map data for series
35
var seriesData = data.mapAs({x: 0, value: [seriesNumber], fill: 6});
36
var series = chart.column(seriesData);
37
series.stroke(null);
38
}
39
40
// draw
41
chart.container("container");
42
chart.draw();
43
});