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
// data
4
var dataSet = anychart.data.set([
5
{x: "P1", value: 10},
6
{x: "P2", value: 2},
7
{x: "P3", value: 15},
8
{x: "P4", value: 10},
9
{x: "P5", value: 15}
10
]);
11
12
// set chart type
13
var chart = anychart.column();
14
15
chart.title().text("Remove Column on click");
16
chart.xAxis().title().enabled(false);
17
18
// set data
19
var column = chart.column(dataSet);
20
21
// index for preventing oll columns elimination
22
var columnIndex = dataSet.mapAs().getRowsCount() - 1;
23
24
// set listener on chart
25
column.listen(
26
27
// listener type
28
"pointClick",
29
30
// function, if listener triggers
31
function(e) {
32
if(columnIndex > 0)
33
dataSet.remove(0); // remove fist column
34
columnIndex--;
35
}
36
);
37
38
// set container and draw chart
39
chart.container("container").draw();
40
});