Basic Column Chart - CanvasJS JavaScript Charts

Basic Column Chart - CanvasJS JavaScript Charts

HTML

<script src="http://canvasjs.com/assets/script/canvasjs.min.js"></script>
<br/><!-- Just so that JSFiddle's Result label doesn't overlap the Chart -->
<select id="selectMonthList" class="dropdown" >
        <option value="" selected="selected">Select Month</option>
        <option value="January">January</option>
        <option value="February">February</option>
        <option value="March">March</option>
        <option value="April">April</option>
        <option value="May">May</option>
        <option value="June">June</option>
        <option value="July">July</option>
        <option value="August">August</option>
        <option value="September">September</option>
        <option value="October">October</option>
        <option value="November">November</option>
        <option value="December">December</option>
    </select>

    <div id="profitformonth"></div>

JavaScript

window.onload = function () {
var jsonData = {
     "January": [
                { "x": "1st", "y": 10.22 },
                { "x": "2nd", "y": 11.14 },
                { "x": "3rd", "y": 13.58 },
                { "x": "4th", "y": 15.25 },
                { "x": "5th", "y": 17.25 },
                { "x": "6th", "y": 10.22 },
                { "x": "7th", "y": 11.14 },
                { "x": "8th", "y": 13.58 },
                { "x": "9th", "y": 15.25 },
                { "x": "10th", "y": 17.25 },
                { "x": "11th", "y": 10.22 },
                { "x": "12th", "y": 11.14 },
                { "x": "13th", "y": 13.58 },
                { "x": "14th", "y": 15.25 },
                { "x": "15th", "y": 17.25 },
                { "x": "16th", "y": 10.22 },
                { "x": "17th", "y": 11.14 },
                { "x": "18th", "y": 13.58 },
                { "x": "19th", "y": 15.25 },
                { "x": "20th", "y": 17.25 },
                { "x": "21st", "y": 10.22 },
                { "x": "22nd", "y": 11.14 },
                { "x": "23rd", "y": 13.58 },
                { "x": "24th", "y": 15.25 },
                { "x": "25th", "y": 17.25 },
                { "x": "26th", "y": 10.22 },
                { "x": "27th", "y": 11.14 },
                { "x": "28th", "y": 13.58 },
                { "x": "29th", "y": 15.25 },
                { "x": "30th", "y": 17.25 },
                { "x": "31st", "y": 17.25 }
            ]}
        var dataPoints = [];
        var chartformonth = new CanvasJS.Chart("profitformonth",
            {
                title: {
                    text: "Profit For Month"
                },
                axisX: {
                    interval: 1,
                    intervalType: "day"
                },
                axisY: {
                    gridColor: "white",
                    interval: 10,
                    minimum: 10,
                    maximum: 100
                },
                data: [{          ...