j14RentByYearAndCity

<!DOCTYPE html>
<html>
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>My first column chart by Highcharts</title>
        
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
        <script src="https://code.highcharts.com/highcharts.js"></script>
         
        
        <script src="https://code.highcharts.com/modules/exporting.js"></script>
         
         
        
        <script type="text/javascript">
        jQuery(document).ready(function() { 
 
            var options = {
                chart: {
                    renderTo: 'container',
                    type: 'column'
                },
                title: {
                    text: 'שבר דירה לפי ערים'                 
                },
                subtitle: {
                    text: '2011 VS 2015'
                },
                xAxis: {
                    categories: []
                },
                yAxis: {
                    title: {
                        text: 'שכר דירה'
                    }
                },
                series: []
            };
            // JQuery function to process the csv data
            $.get('mydata.csv', function(data) {
                // Split the lines
                var lines = data.split('\n');
                $.each(lines, function(lineNo, line) {
                    var items = line.split(',');
                     
                    // header line contains names of categories
                    if (lineNo == 0) {
                        $.each(items, function(itemNo, item) {
                            //skip first item of first line
                            if (itemNo > 0) options.xAxis.categories.push(item);
                        });
                    }
                     
                    // the rest of the lines contain data with their name in the first position
                    else {
                        var series = { 
                            data: []
                        };
                        $.each(items, function(itemNo, item) {
                            if (itemNo == 0) {
                                series.name = item;
                            } else {
                                series.data.push(parseFloat(item));
                            }
                        });
                         
                        options.series.push(series);
 
                    }
                     
                });
                //putting all together and create the chart
                var chart = new Highcharts.Chart(options);
            });         
             
        });
        </script>
         
    </head>
    <body>
         
        
        <div id="container" style="width: 600px; height: 400px; margin: 0 auto"></div>      
                 
    </body>
</html>

Modified http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js to a secure url

Modified http://code.highcharts.com/highcharts.js to a secure url

Modified http://code.highcharts.com/modules/exporting.js to a secure url

https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js

https://code.highcharts.com/highcharts.js

https://code.highcharts.com/modules/exporting.js