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 data = getData();
3
4
var chart = anychart.heatMap(data);
5
chart.title('Enable select state by indexes of points');
6
chart.container('container');
7
chart.draw();
8
9
// Enable select by indexes of points.
10
chart.select([0, 3, 5, 8, 10, 13]);
11
});
12
13
function getData() {
14
return [
15
{x: 'California', y: '2004', heat: 1704211},
16
{x: 'California', y: '2005', heat: 2782680},
17
{x: 'California', y: '2006', heat: 2992679},
18
{x: 'Illinois', y: '2004', heat: 727914},
19
{x: 'Illinois', y: '2005', heat: 1150659},
20
{x: 'Illinois', y: '2006', heat: 1134085},
21
{x: 'Massachusetts', y: '2004', heat: 238819},
22
{x: 'Massachusetts', y: '2005', heat: 157719},
23
{x: 'Massachusetts', y: '2006', heat: 887169},
24
{x: 'New York', y: '2004', heat: 1667969},
25
{x: 'New York', y: '2005', heat: 2763503},
26
{x: 'New York', y: '2006', heat: 3151022},
27
{x: 'Texas', y: '2004', heat: 219967},
28
{x: 'Texas', y: '2005', heat: 3732889},
29
{x: 'Texas', y: '2006', heat: 4185098}
30
]
31
}