HighCharts не рисует график

@blackbanny · Регистрация: 14.11.2010

Author24 — интернет-сервис помощи студентам

Доброго времени суток!
Пытаюсь нарисовать график с помощью HighCharts, получился такой код:

HTML5

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=Windows-1251">
    </head>
    <body>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
        <script type="text/javascript" src="http://www.highcharts.com/js/modules/exporting.js"></script>
        <script type="text/javascript" src="http://www.highcharts.com/js/highstock.js"></script>
        <script type="text/javascript" src="http://www.highcharts.com/js/highcharts.js"></script>
        <script type="text/javascript" src="http://www.highcharts.com/js/themes/gray.js"></script>
        <script type="text/javascript" src="http://www.highcharts.com/js/main.js"></script>
        
        <script type="text/javascript">
            $(function() {
 
                $.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=aapl-c.json&callback=?', function(data) {
                    // Create the chart
                    window.chart = new Highcharts.StockChart({
                        chart : {
                            renderTo : 'container',
                            marginLeft: 0,
                            marginRight: 0
                        },
 
                        rangeSelector : {
                            enabled : false
                        },
 
                        title : {
                        },
                        yAxis: [{
                            gridLineWidth: 1,
                            min: 0,
                            max: 30,
                            reversed: true,
                            plotBands: [{ 
                                color: 'rgba(157, 200, 5, 0.2)',
                                from: 0,
                                to: 10
                            },
                            { 
                                color: 'rgba(202, 1, 94, 0.2)',
                                from: 10,
                                to: 20
                            },
                            { 
                                color: 'rgba(233, 204, 0, 0.2)',
                                from: 20,
                                to: 30
                            }],
                            labels:{
                                style: {
                                    color: '#000000',
                                    fontWeight: 'bold',
                                    fontSize: '0px'
                                }
                            }
                        }],
                        xAxis: [{
                            labels:{
                                style: {
                                    color: '#000000',
                                    fontWeight: 'bold',
                                    fontSize: '12px'
                                },
                            }
                        }],
                        navigator:{
                            yAxis: {
                                reversed: true
                            }   
                        },
                        series : [{
                            name : 'Name1',
                            data: [[1,2],[2,3],[2,2],[4,10],[1,7],[10,10],[4,15],[10,1],[,2,6],[9,7]],
                            color: 'rgba(1, 143, 189, 1)',
                            marker : {
                                enabled : true,
                                radius : 3
                            },
                            shadow : true,
                            tooltip : {
                                valueDecimals : 2
                            }
                        }]
                        
                    });
                });
 
            });
 
        </script>
        <div id="container" style="min-width: 900px; height: 700px; margin: 0 auto"></div>
  
    </body>
    </html>

но почему то при запуске ничего не рисует, подскажите в чем дело?

Добавлено через 18 минут
или такой пример, тоже не работает:

HTML5

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Highcharts Example</title>
        
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
        <script type="text/javascript" src="http://www.highcharts.com/js/highcharts.js"></script>
        <script type="text/javascript" src="http://www.highcharts.com/js/modules/exporting.js"></script>
        
        <script type="text/javascript">
        
            var chart;
            $(document).ready(function() {
            
                // define the options
                var options = {
                    chart: {
                        renderTo: 'container',
                        defaultSeriesType: 'spline'
                    },
                    title: {
                        text: 'Monthly Average Temperature in Tokyo'
                    },
                    subtitle: {
                        text: 'Source: WorldClimate.com'
                    },
                    xAxis: {
                        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 
                            'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
                    },
                    yAxis: {
                        title: {
                            text: 'Temperature (°C)'
                        }
                    },
                    legend: {
                        enabled: false
                    },
                    tooltip: {
                        formatter: function() {
                                return '<b>'+ this.series.name +'</b><br/>'+
                                this.x +': '+ this.y +'°C';
                        }
                    },
                    plotOptions: {
                        spline: {
                            cursor: 'pointer',
                            point: {
                                events: {
                                    click: function() {
                                        hs.htmlExpand(null, {
                                            pageOrigin: {
                                                x: this.pageX, 
                                                y: this.pageY
                                            },
                                            headingText: this.series.name,
                                            maincontentText: 'this.category: '+ this.category +
                                                '<br/>this.y: '+ this.y,
                                            width: 200
                                        });
                                    }
                                }
                            }
                        }
                    },
                    series: []
                }
 
                jQuery.getJSON('tokyo.json', null, function(data) {
                    options.series.push({
                        name: 'Tokyo',
                        data: data
                    });
                    
                    chart = new Highcharts.Chart(options);
                });
                
            });
                
        </script>
        
        <script type="text/javascript" src="http://www.highcharts.com/highslide/highslide-full.min.js"></script>
        <script type="text/javascript" src="http://www.highcharts.com/highslide/highslide.config.js" charset="utf-8"></script>
        <link rel="stylesheet" type="text/css" href="http://www.highcharts.com/highslide/highslide.css" />
    </head>
    <body>
        
        <div id="container" style="width: 700px; height: 400px; margin: 0 auto"></div>
    </body>
</html>

@~~DoomUnit~~ · 04.07.2014, 12:16

high

@~~DoomUnit~~ Заблокирован
	04.07.2014, 12:16	2
	high 0

Опции темы