amCharts: base sample

HTML

<script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="http://www.amcharts.com/lib/3/serial.js"></script>
<div id="chartdiv" style="width: 300px; height: 120px;"></div>

JavaScript

AmCharts.ready(function () {
    // column chart with different negative colors
    var chart = new AmCharts.AmSerialChart();
    chart.dataProvider = [{
        day: 1,
        value: -5
    }, {
        day: 2,
        value: 3
    }, {
        day: 3,
        value: 7
    }, {
        day: 4,
        value: -3
    }, {
        day: 5,
        value: 3
    }, {
        day: 6,
        value: 4
    }, {
        day: 7,
        value: 6
    }, {
        day: 8,
        value: -3
    }, {
        day: 9,
        value: -2
    }, {
        day: 10,
        value: 6
    }];
    chart.categoryField = "day";

    var graph = new AmCharts.AmGraph();
    graph.valueField = "value";
    graph.type = "column";
    graph.fillAlphas = 1;
    graph.showBalloon = false;
    graph.lineColor = "#ffbf63";
    graph.negativeFillColors = "#289eaf";
    graph.negativeLineColor = "#289eaf";
    chart.addGraph(graph);

    chart.write("chartdiv");
});


var aaaa = document.getElementById('chartdiv');
console.log(aaaa);
/*
var chart_div = chartdiv.getElementsByClassName('amcharts-chart-div');
console.log(chart_div[0]);
var watermark = chart_div[0].lastChild;
console.log(watermark);
watermark.remove();
*/