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
var data = [
4
// column name value
5
{x: "2014/6/25", value: 28}, // row 0
6
{x: "2014/6/26", value: 26}, // 1
7
{x: "2014/6/27", value: 27}, // 2
8
{x: "2014/6/28", value: 25, marker:{fill:"violet"}}, // 3
9
{x: "2014/6/29", value: 29, marker:{fill:"red"}}, // 4
10
{x: "2014/6/30", value: 28} // 5
11
];
12
13
// create a data set
14
var dataSet = anychart.data.set(data);
15
16
// create a line chart using the data set
17
var chart = anychart.line(dataSet);
18
19
chart.title("New York weather");
20
chart.getSeries(0).name("New York");
21
22
// set container id for the chart
23
chart.container("container");
24
// initiate chart drawing
25
chart.draw();
26
});