anychart.enums.EventType.dataChanged | samples | API Reference

HTMLcopy

 
<button onclick="noData()">No data</button>
<button onclick="chartWithData()">With data</button>
<div id="container"></div>

CSScopy

 
html, body, #container {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

JavaScriptAutocompletecopy

​x
 
var chart;
anychart.onDocumentReady(function () {
    chart = anychart.column([
        {x: 'January', value: 2},
        {x: 'February', value: 5},
        {x: 'March', value: 3},
        {x: 'April', value: 9},
        {x: 'May', value: 4}
    ]);
​
    chart.noData().label(true);
​
    // Set event type to change the data
    chart.listen('dataChanged', function(){
        chart.title('Data has changed');
    });
    chart.title('Click on the buttons to see the changes');
    chart.container('container');
    chart.draw();
});
​
function noData() {
    chart.data([]);
}
​
function chartWithData() {
    chart.data([
        {x: 'January', value: 2},
        {x: 'February', value: 5},
        {x: 'March', value: 3},
        {x: 'April', value: 9},
        {x: 'May', value: 4}
    ]);
}

Sample meta

AnyChart Documentation