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
// create data
4
var data = [
5
{x: "January", value: 10000},
6
{x: "February", value: 12000},
7
{x: "March", value: 18000},
8
{x: "April", value: 11000},
9
{x: "May", value: 9000}
10
];
11
12
// create a chart
13
var chart = anychart.stick();
14
15
// set the interactivity mode
16
chart.interactivity("by-x");
17
18
// create a stick series and set the data
19
var series = chart.stick(data);
20
21
// set the chart title
22
chart.title("Stick Chart: Basic Sample");
23
24
// set the titles of the axes
25
var xAxis = chart.xAxis();
26
xAxis.title("Month");
27
var yAxis = chart.yAxis();
28
yAxis.title("Sales, $");
29
30
// set the container id
31
chart.container("container");
32
33
// initiate drawing the chart
34
chart.draw();
35
});