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
var chart = anychart.column();
3
4
chart.data({
5
header: ['#', 'Florida', 'Texas'],
6
rows: [
7
['Apples', 5, 8, 4],
8
['Pears', 6, 2, 5],
9
['Bananas', 2, 6, 4],
10
['Peaches', 6, 3, 8]
11
]
12
});
13
14
// Set interactivity settings.
15
chart.interactivity({hoverMode: 'by-x'});
16
17
chart.title('Set chart interactivity');
18
chart.container('container');
19
chart.draw();
20
});