#8158

by amcharts

HTML

<script type="text/javascript" src="http://www.amcharts.com/lib/3/amcharts.js"></script>
<script type="text/javascript" src="http://www.amcharts.com/lib/3/serial.js"></script>
<script type="text/javascript" src="http://www.amcharts.com/lib/3/themes/none.js"></script>
<center>YARD ENERGY :: Windfarm Performance Overview :: Full Year 2014</center>
<div class="chart-block">
   <div id="windparkenFY" style="width:100%; height:240px;"></div>
     <center>YARD ENERGY :: Windfarm Performance Overview :: Partial Year 2014</center>
   <div id="windparkenPY" style="width:100%; height:150px;"></div>
</div>

CSS

body {
    font-family: Verdana;
    font-size: 12px;
}

JavaScript

var chart = AmCharts.makeChart("windparkenFY", {
    "type": "serial",
    "rotate": true,
    "theme": "none",
    "autoMargins": false,
    "marginTop": 10,
    "percentPrecision": 1,
    "precision": 1,
    "marginLeft": 100,
    "marginBottom": 30,
    "marginRight": 50,

//                       {"category": "Lely",          "limit": 10276/17500*100 | 0, "bullet": 8576/17500*100 | 0,  "full": 120 },

    "dataProvider": [
 {  "category": "Zoetermeer",  "limit": 59.6,  "bullet": 49.5,  "percent": "-17.0",  "full": 120 },
 {  "category": "Boerderijweg",  "limit": 59.3,  "bullet": 51.7,  "percent": "-12.7",  "full": 120 },
 {  "category": "Tolhuis",  "limit": 59.3,  "bullet": 57.0,  "percent": "-3.7",  "full": 120 },
 {  "category": "Dalfsen",  "limit": 59.3,  "bullet": 55.5,  "percent": "-6.4",  "full": 120 },
 {  "category": "IJslandweg",  "limit": 59.3,  "bullet": 50.2,  "percent": "-15.3",  "full": 120 },
 {  "category": "Oesterdam",  "limit": 59.3,  "bullet": 54.8,  "percent": "-7.5",  "full": 120 },
 {  "category": "Van Gogh",  "limit": 59.3,  "bullet": 56.7,  "percent": "-4.4",  "full": 120 }
],

    "valueAxes": [{"maximum": 120, "stackType": "regular", "gridAlpha": 0 }],
    "startDuration": 0.2,

    "graphs": [ {"valueField": "limit",  "lineColor": "red", "columnWidth": 1, "lineThickness": 3, "noStepRisers": true, "stackable": false, "type": "step" }, 
               {"valueField": "full",   "fillColors": ["#fb2316", "#f6d32b", "#19d228"], "showBalloon": true, "balloonText": "YTD Actual [[bullet]]% vs. YTD Budget [[limit]]%", "type": "column", "lineAlpha": 0, "fillAlphas": 0.8,  "gradientOrientation": "horizontal", }, 
               {"valueField": "bullet", "lineColor": "black", "clustered": false, "columnWidth": 0.6, "showBalloon": true, "balloonText": "YTD Actual [[bullet]]% vs. YTD Budget [[limit]]%", "fillAlphas": 1, "stackable": false, "type": "column", "color": "#fff", "labelText": "YTD Actual [[bullet]]% vs. YTD Budget [[percent]]%",...