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

HTMLcopy

 
<button onclick="lineDraw();">Draw line chart</button>
<button onclick="barDraw();">Draw bar chart</button>
Chart id: <span id="text"></span>
<div id="container"></div>

CSScopy

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

JavaScriptAutocompletecopy

​x
 
var chart;
​
function lineDraw() {
    if (chart)
        chart.dispose();
    createChart(anychart.line, 'LineChart');
}
​
function barDraw() {
    if (chart)
        chart.dispose();
    createChart(anychart.bar, 'BarChart');
}
​
function createChart(type, text) {
    chart = type([
        {x: 'Swimming', value: 1},
        {x: 'Cycling', value: 4},
        {x: 'Run', value: 2},
        {x: 'Hiking', value: 3},
        {x: 'Alpinism', value: 2}
    ]);
    chart.id(text);
    chart.container('container');
    chart.draw('container');
​
    // Use the 'chartDraw' event to determine which chart has been rendered
    // Set event type.
    chart.listen('chartDraw', function () {
        document.getElementById("text").innerHTML = chart.id();
    });
    return chart;
}

Sample meta

AnyChart Documentation

ASYNC Rendering (Common Settings)

Drawing (Drawing Tools and Annotations)

Title (Common Settings)