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
// this column represents JS equivalents every JSON object
3
var chart = anychart.fromJson(
4
{chart:{type: "line", // var chart = anychart.line();
5
6
// set interval of default y scale
7
yScale: {ticks: {interval: 100000}}, // chart.yScale().ticks().interval(100000);
8
9
// settings for custom y scale
10
scales: [ {}, {},
11
{ // var newYScale = anychart.scales.linear();
12
type: "linear", // newYScale
13
minimum: 0, // .minimum(0)
14
maximum: 100, // .maximum(100)
15
ticks: { // .ticks()
16
interval: 10}, // .interval(10);
17
minorTicks: { // newYScale.minorTicks()
18
interval: 2} }], // .interval(2);
19
20
// y axes settings
21
yAxes: [{title: "Basic Y Axis" // chart.yAxis().title().text("Basic Y Axis");
22
},{ // chart.yAxis(1)
23
orientation: "right", // .orientation("right")
24
scale: 2, // .scale(customYScale)
25
title:{ // .title()
26
text: "Extra Y Axis"}, // .text("Extra Y Axis");
27
minorTicks: { // .minorTicks()
28
enabled: true} }], // .enabled(true);
29
30
series:[{seriesType: "column", // chart.column([
31
data: [{x: "A", value: 637166}, // ["A", 637166],
32
{x: "B", value: 721630}, // ["B", 721630],
33
{x: "C", value: 148662}, // ["C", 148662],
34
{x: "D", value: 78662}, // ["D", 78662],
35
{x: "E", value: 90000} // ["E", 90000]
36
]},{ // ]);
37
seriesType: "line", // chart.line([
38
data:[{x: "A", value: 95}, // ["A", 95],
39
{x: "B", value: 97}, // ["B", 97],
40
{x: "C", value: 96}, // ["C", 96],
41
{x: "D", value: 70}, // ["D", 70],
42
{x: "E", value: 35}], // ["E", 35]
43
yScale: 2}], // ]).yScale(newYScale);
44
45
container: "container"}} // chart.container("container")
46
).draw();
47
});