#6340

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="selector">Select a dataset:
    &nbsp;&nbsp;&nbsp;
    <label><input type="radio" value="0" name="dataset" checked="checked" onclick="selectDataset(0);" /> Data set #1</label>
    &nbsp;&nbsp;&nbsp;
    <label><input type="radio" value="1" name="dataset" onclick="selectDataset(1);" /> Data set #2</label>
</div>
<div id="chartdiv" style="width: 100%; height: 362px;"></div>

CSS

#selector {
    font-family: Verdana;
    background-color: #efefef;
    padding: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

JavaScript

var chart;

var chartData = [
    // Data set #1
    [
        {RouteName: 'ROUTE-239',TotalPlannedDistance: 9700,TotalActualDistance: 9700},
        {RouteName: 'ROUTE-238',TotalPlannedDistance: 15820,TotalActualDistance: 15820},
        {RouteName: 'ROUTE-237',TotalPlannedDistance: 12590,TotalActualDistance: 12590},
        {RouteName: 'ROUTE-236',TotalPlannedDistance: 13450,TotalActualDistance: 13450},
        {RouteName: 'ROUTE-235',TotalPlannedDistance: 21560,TotalActualDistance: 21560},
        {RouteName: 'ROUTE-234',TotalPlannedDistance: 18360,TotalActualDistance: 18360},
        {RouteName: 'ROUTE-233',TotalPlannedDistance: 28480,TotalActualDistance: 28480},
        {RouteName: 'ROUTE-232',TotalPlannedDistance: 34070,TotalActualDistance: 34070},
        {RouteName: 'ROUTE-231',TotalPlannedDistance: 57800,TotalActualDistance: 57800},
        {RouteName: 'ROUTE-230',TotalPlannedDistance: 52190,TotalActualDistance: 52190},
        {RouteName: 'ROUTE-229',TotalPlannedDistance: 48180,TotalActualDistance: 48180},
        {RouteName: 'ROUTE-228',TotalPlannedDistance: 55590,TotalActualDistance: 55590},
        {RouteName: 'ROUTE-227',TotalPlannedDistance: 73370,TotalActualDistance: 73370},
        {RouteName: 'ROUTE-226',TotalPlannedDistance: 58150,TotalActualDistance: 58150},
        {RouteName: 'ROUTE-225',TotalPlannedDistance: 68330,TotalActualDistance: 68330},
        {RouteName: 'ROUTE-224',TotalPlannedDistance: 73010,TotalActualDistance: 73010},
        {RouteName: 'ROUTE-223',TotalPlannedDistance: 84390,TotalActualDistance: 84390},
        {RouteName: 'ROUTE-222',TotalPlannedDistance: 86360,TotalActualDistance: 86360},
        {RouteName: 'ROUTE-221',TotalPlannedDistance: 93230,TotalActualDistance: 93230},
        {RouteName: 'ROUTE-220',TotalPlannedDistance: 79510,TotalActualDistance: 79510},
        {RouteName: 'ROUTE-219',TotalPlannedDistance: 114950,TotalActualDistance: 114950},
        {RouteName: 'ROUTE-218',TotalPlannedDistance:...