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

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

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

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

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
<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
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!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

Новые блоги и статьи Все статьи Все блоги /
Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .

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