รบกวนปรึกษาเรื่องเวลาเราเปลี่ยนค่าใน select แล้วกราฟจะเปลี่ยนตามคับ

        <script type="text/javascript" src="../js/js/jquery-1.11.1.min.js"></script>
        <script type="text/javascript" src="../js/js/jquery-ui.1.11.2.min.js"></script>
        <script type="text/javascript" src="../js/js/jquery.canvasjs.min.js"></script>

        <script type = "text/javascript">

            var date = <?=json_encode($click_date)?>;
             
            $(document).ready(function(){

                $("select[name='graph_month']").change(function(){
                    var month = $(this).val();
                    if(month == 01 || month == 03 || month == 05 || month == 07 || month == 08 || month == 10 || month == 12)
                    {
                        var day = new Array(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0);
                    }
                    else if(month == 04 || month == 06 || month == 09 || month == 11)
                    {
                        var day = new Array(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0);
                    }
                    else
                    {
                        var day = new Array(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0);
                    }


                    for(var i = 0;i < date.length-1;i++)
                    {
                        if(date[i]['month'] == month)
                        {
                            var d = date[i]['day'];
                            day[d-1]++;
                        }
                    }

                        var day_point = [];

                        for(var i = 0;i < day.length;i++)
                        {
                            day_point[i] = { label: [i+1] ,y: day[i]};
                        }

                        options1 = {
                            title: {
                                text: "Month" + " " + month
                            },
                                    animationEnabled: true,
                            data: [
                                {
                                    type: "spline", //change it to line, area, bar, pie, etc

                                        dataPoints: day_point          
                                           
                                }
                            ],
                          axisX: {
                            labelFontSize: 14
                          },
                             axisY: {
                            labelFontSize: 14
                          }
                        };


                        $("#tabs").tabs({
                            create: function (event, ui) {
                                //Render Charts after tabs have been created.
                                $("#chartContainer2").CanvasJSChart(options1);
                            },
                            activate: function (event, ui) {
                                //Updates the chart to its container's size if it has changed.
                                ui.newPanel.children().first().CanvasJSChart().render();
                            }
                        });

                    });

                });
            });
            
        </script>