#7599

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>
<div id="selector">Select a dataset:
    &nbsp;&nbsp;&nbsp;
    <label><input type="radio" value="1" name="dataset" checked="checked" onclick="selectDataset(1);" id="radio_1" /> Data set #1</label>
    &nbsp;&nbsp;&nbsp;
    <label><input type="radio" value="2" name="dataset" onclick="selectDataset(2);" id="radio_2" /> Data set #2</label>
    &nbsp;&nbsp;&nbsp;
    <label><input type="radio" value="3" name="dataset" onclick="selectDataset(3);" id="radio_3" /> Data set #3</label>
    &nbsp;&nbsp;&nbsp;
    <label><input type="radio" value="4" name="dataset" onclick="selectDataset(4);" id="radio_4" /> Data set #4</label>
</div>
<div id="chartdiv1"></div>	
<div id="chartdiv2"></div>	
<div id="chartdiv3"></div>

CSS

#chartdiv1, #chartdiv2, #chartdiv3 {
    float: left;
    width: 33%;
    height: 700px;
    font-size: 11px;
}

JavaScript

/* Charts */
var chartData = [
    // Data set #1
    [{
        "cause": 'DEATH',
        "Accidental Death - Male": 52,
        "Natural Death - Male": 14,
        "Respiratory system disorder - Male": 11,
        "Natural Death - Female": 26,
        "Accidental Death - Female": 23,
        "Respiratory system disorder - Female": 21,
        "bullet": "http://responsive.co.za/greenlight/amcharts/images/male.png",
        "bullet1": "http://responsive.co.za/greenlight/amcharts/images/female.png"
     }],
    // Data set #2
    [{
        "cause": 'DISABILITY',
        "Musculoskeletal disorders - Male": 60,
        "Nervous system disorders - Male": 16,
        "Cardiovascular disorders - Male": 7,
        "Musculoskeletal disorders - Female": 30,
        "Visual disorders - Female": 20,
        "Nervous system disorders - Female": 10,
        "bullet": "http://responsive.co.za/greenlight/amcharts/images/male.png",
        "bullet1": "http://responsive.co.za/greenlight/amcharts/images/female.png"
    }],
    // Data set #3
    [{
        "cause": 'ILLNESS',
        "Cancer & blood - Male": 50,
        "Heart & artery - Male": 27,
        "Stroke & nervous system - Male": 13,
        "Cancer & blood - Female": 37,
        "Stroke & nervous system - Female": 19,
        "Connective tissue disorders - Female": 19,
        "bullet": "http://responsive.co.za/greenlight/amcharts/images/male.png",
        "bullet1": "http://responsive.co.za/greenlight/amcharts/images/female.png"
    }],
    // Data set #4
    [{
        "cause": 'DEATH',
        "Accidental Death - Male": 38,
        "Natural Death - Male": 14,
        "Respiratory system disorder - Male": 12,
        "Respiratory system disorder - Female": 21,
        "Accidental Death - Female": 21,
        "Natural Death - Female": 19,
        "bullet": "http://responsive.co.za/greenlight/amcharts/images/male.png",
        "bullet1": "http://responsive.co.za/greenlight/amcharts/images/female.png"
     }],
    //...