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 = anychart.data.set([
4
["John" , 10000, 12000, 10000, 14000],
5
["Jake" , 12000, 15000, 13000, 12500],
6
["Peter" , 18000, 16000, 17000, 17000],
7
["James" , 11000, 13000, 10000, 11500],
8
["Mary" , 9000, 19000, 16000, 13000]
9
]);
10
11
// map data for the each series
12
var data1 = data.mapAs({x: 0, value: 1});
13
var data2 = data.mapAs({x: 0, value: 2});
14
var data3 = data.mapAs({x: 0, value: 3});
15
var data4 = data.mapAs({x: 0, value: 4});
16
17
// chart type
18
var chart = anychart.column();
19
20
// set title
21
chart.title("Enable & Disable Series Tooltip");
22
23
// set series
24
var series1 = chart.column(data1);
25
series1.name("Year 2008");
26
var series2 = chart.column(data2);
27
series2.name("Year 2009");
28
var series3 = chart.column(data1);
29
series3.name("Year 2010");
30
var series4 = chart.column(data2);
31
series4.name("Year 2011");
32
33
// settings
34
chart.tooltip().fontColor("gold");
35
series2.tooltip().fontColor("green");
36
37
// draw
38
chart.container("container");
39
chart.draw();
40
});