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 stage = anychart.graphics.create("container");
3
4
// create charts
5
chart1 = anychart.sparkline();
6
chart2 = anychart.sparkline();
7
8
// chart titles
9
chart1.title("Tuned scale");
10
chart2.title("Plain scale");
11
12
// set container id for the charts
13
chart1.container(stage);
14
chart2.container(stage);
15
16
// create data for both charts
17
chart1.data([79,185,80,275,3009,10445,92,455,84,91]);
18
chart2.data([79,185,80,275,3009,10445,92,455,84,91]);
19
20
// set charts dimensions and postition
21
chart1.bounds(0, 0, 200, 20);
22
chart2.bounds(0, 25, 200, 20);
23
24
// change scales
25
chart1.yScale(anychart.scales.log());
26
chart1.yScale().minimum(79).maximum(10445);
27
28
// initiate chart drawing
29
chart1.draw();
30
chart2.draw();
31
32
});