var chartData = [{"serie":"AAT variant","value":"33"},{"serie":"Neutral SNP","value":"1"},{"serie":"Null allele","value":"11"}];var chartData2 = [{"exon":"Exon\n2","total_mutation":"21"},{"exon":"Exon\n3","total_mutation":"9"},{"exon":"Exon\n4","total_mutation":"3"},{"exon":"Exon\n5","total_mutation":"9"},{"exon":"Intron\n3","total_mutation":"2"},{"exon":"Intron\n4","total_mutation":"1"}];var chart;

AmCharts.ready(function () {
    // SERIAL CHART
    chart = new AmCharts.AmSerialChart();
    chart.addTitle("Type of variant", 15);
    chart.dataProvider = chartData;
    chart.categoryField = "serie";
    chart.plotAreaBorderAlpha = 0.2;

    // AXES
    // category
    var categoryAxis = chart.categoryAxis;
    categoryAxis.gridAlpha = 0.1;
    categoryAxis.axisAlpha = 5;
    categoryAxis.gridPosition = "start";

    // value
    var valueAxis = new AmCharts.ValueAxis();
    valueAxis.stackType = "regular";
    valueAxis.gridAlpha = 0.1;
    valueAxis.axisAlpha = 0;

    chart.addValueAxis(valueAxis);

    // GRAPHS
    // first graph
    var graph = new AmCharts.AmGraph();
    graph.title = "Type of variant";
    graph.labelText = "[[value]]";
    graph.valueField = "value";
    graph.type = "column";
    graph.fixedColumnWidth = 50;

    graph.labelText = "[[value]]";
    graph.labelPosition = "top";
    graph.lineThickness = 20;
    graph.color = "#000";

    graph.lineAlpha = 0;
    graph.fillAlphas = 1;
    graph.lineColor = "#019f6e";
    //graph.balloonText = "<span style='color:#555555;'>[[category]]</span><br><span style='font-size:14px'>[[title]]:<b>[[value]]</b></span>";
    chart.addGraph(graph);

    // LEGEND
    var legend = new AmCharts.AmLegend();
    legend.borderAlpha = 0.2;
    legend.horizontalGap = 10;
    //chart.addLegend(legend);

    // WRITE
    chart.write("chart1div");

    chart.depth3D = 15;
    chart.angle = 30;
    chart.validateNow();
});
var chart2;
AmCharts.ready(function () {
    // SERIAL CHART
    chart2 = new AmCharts.AmSerialChart();
    chart2.addTitle("Mutation location", 15);

    chart2.dataProvider = chartData2;
    chart2.categoryField = "exon";
    chart2.plotAreaBorderAlpha = 0.2;

    // AXES
    // category
    var categoryAxis2 = chart2.categoryAxis;
    categoryAxis2.gridAlpha = 0.1;
    categoryAxis2.axisAlpha = 5;
    categoryAxis2.gridPosition = "start";

    // value
    var valueAxis2 = new AmCharts.ValueAxis();
    valueAxis2.stackType = "regular";
    valueAxis2.gridAlpha = 0.1;
    valueAxis2.axisAlpha = 0;
    chart2.addValueAxis(valueAxis2);

    // GRAPHS
    // first graph
    var graph = new AmCharts.AmGraph();
    graph.title = "Total Mutations";
    graph.labelText = "[[value]]";
    graph.valueField = "total_mutation";
    graph.type = "column";
    graph.labelPosition = "top";
    graph.lineAlpha = 0;
    graph.fillAlphas = 1;
    graph.lineColor = "#019f6e";
    //graph.balloonText = "<span style='color:#555555;'>[[category]]</span><br><span style='font-size:14px'>[[title]]:<b>[[value]]</b></span>";
    chart2.addGraph(graph);

    // third graph
//    graph = new AmCharts.AmGraph();
//    graph.title = "Class I";
//    graph.labelText = "[[value]]";
//    graph.valueField = "Class_I";
//    graph.type = "column";
//    graph.labelPosition = "top";
//    graph.newStack = true; // this line starts new stack
//    graph.lineAlpha = 0;
//    graph.fillAlphas = 1;
//    graph.lineColor = "#5b5b5d";
//    graph.balloonText = "<span style='color:#555555;'>[[category]]</span><br><span style='font-size:14px'>[[title]]:<b>[[value]]</b></span>";
//    chart2.addGraph(graph);


    // LEGEND
    var legend = new AmCharts.AmLegend();
    legend.borderAlpha = 0.2;
    legend.horizontalGap = 10;
    //chart2.addLegend(legend);

    // WRITE
    chart2.depth3D = 15;
    chart2.angle = 30;
    chart2.validateNow();
    chart2.write("chart2div");
});