amCharts - BS/MP Comparison

by Anton

HTML

<script src="https://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="https://www.amcharts.com/lib/3/serial.js"></script>
<script src="https://www.amcharts.com/lib/3/themes/light.js"></script>
<div id="chartdiv"></div>

CSS

#chartdiv {
	width: 100%;
	height: 500px;
}

JavaScript

var data = {
    "type":"serial",
    "theme":"light",
    "dataDateFormat":"YYYY-MM-DD",
    "svgIcons":false,
    "valueAxes": [
        {
            "axisAlpha":0,
            "dashLength":4,
            "position":"left"
        }
    ],
    "legend": {
        "position":"right",
        "marginTop":40,
        "textClickEnabled":true,
        "valueText":"",
        "verticalGap":7
    },
    "categoryField":"PERIOD",
    "categoryAxis":{
    	"parseDates":false,
        "equalSpacing":true,
        "axisAlpha":0,
        "gridAlpha":0,
        "tickLength":0
    },
    "chartCursor":{
        "graphBulletSize":1.5,
        "animationDuration":0,
        "categoryBalloonDateFormat":"MMM YYYY",
        "categoryBalloonEnabled":true,
        "cursorAlpha":0,
        "cursorColor":"#CC0000",
        "cursorPosition":"mouse",
        "enabled":true,
        "fullWidth":false,
        "valueBalloonsEnabled":false
    },
    "chartScrollbar":{
        "hideResizeGrips":true,
        "dragIcon":"dragIconRectSmall",
        "scrollbarHeight":20,
        "dragIconHeight":20,
        "dragIconWidth":20,
        "backgroundColor":"#EEEEEE",
        "backgroundAlpha":1,
        "selectedBackgroundColor":"#FFFFFF",
        "selectedBackgroundAlpha":1
    },
    "export":{
    	"enabled":true,
        "fileName":"I-Plan_chart_export",
        "libs":{"autoLoad":false},
        "menu":[{
        	"class":"iplan-export-main",
            "icon":"export.png",
            "menu":["PNG","JPG","SVG"]
        }]
    },
    "graphs":[
        {
            "type":"column",
            "valueField":"TOTALALLOCATION",
            "fillAlphas": 1,
            "lineAlpha": 1,
            "balloonText":"[[title]]: [[value]]",
            "title":"Total Allocation"
        },
        {
        	"type":"column",
            "valueField":"RUNCAPACITY",
            "fillAlphas": 1,
            "lineAlpha": 1,
            "balloonText":"[[title]]: [[value]]",
            "title":"Run...