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
// set chart type
5
{chart: {type: "line", // var chart = anychart.column();
6
7
// title settings
8
title: { // chart.title()
9
// set title text
10
text: "Sales Performance", // .text("Sales Performance")
11
// settings for title background
12
background: { // .background()
13
// enable background
14
enabled: "true", // .enabled(true)
15
// set background inner color
16
fill: "#FFD700", // .fill("#FFD700")
17
// set background border
18
stroke: "#D8D8D8", // .stroke("#D8D8D8")
19
// set type of background corners
20
cornerType: "round", // .cornerType("round")
21
// set corners size
22
corners: 10}}, // .corners(10);
23
24
// set series type
25
series:[{seriesType: "column", // chart.column([
26
data: [{x: "January", value: 10000}, // ["John", 10000],
27
{x: "February", value: 12000}, // ["Jake", 12000],
28
{x: "March", value: 18000}, // ["Peter", 18000],
29
{x: "April", value: 11000}, // ["James", 11000],
30
{x: "May", value: 9000}] // ["Mary", 9000]
31
}], // ])
32
33
// set chart container
34
container: "container"}} // chart.container("container");
35
).draw();
36
});