Не отображается Highcharts график

11 августа 2019, 06:30

Подключил все правильно ,вставил график тоже вроде правильно ,а на экран ничего не выводит .В чем проблема?

html страница

    <!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="style/style.css">
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>CHARTS</title>
</head>
<header><span class="colr"><b>ЧАО "СЕВГОК" ЦПО 1 УЧАСТОК №2</b></span></header>
<span class="col2"><b>Графики распределения гранулометрического состава окатышей по чашевым окомкователям</b></span>
<body>
    <script src="jquery.lib/jquery-3.3.1.min.js"></script>
    <script src="Highcharts-7.0.1/code/highcharts.js"></script>
    <script src="Highcharts-7.0.1/code/themes/grid-light.js"></script>
    <script src="Highcharts-7.0.1/code/modules/exporting.js"></script>

    <div class="macmenu">
        <div class="button">
            <a href="index.html"><img src="images/charts.jpg">Графики</a>
            <a href="gistogram.html"><img src="images/gistograms.jpg">Гистограммы</a>
        </div>
    </div>
   <div id="chart1" style="height: 500px; min-width: 310px"></div>
   <script>
    Highcharts.setOptions({
                lang: {
                    loading: 'Загрузка...',
                    months: ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'],
                    weekdays: ['Воскресенье', 'Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббота'],
                    shortMonths: ['Янв', 'Фев', 'Март', 'Апр', 'Май', 'Июнь', 'Июль', 'Авг', 'Сент', 'Окт', 'Нояб', 'Дек'],
                    rangeSelectorFrom: "С",
                    rangeSelectorTo: "По",
                    rangeSelectorZoom: "Период",
                    downloadCSV: 'Скачать CSV',
                    downloadXLS: 'Скачать XLS',
                    printChart: 'Напечатать график'
                }
        });
</script>
            <script>
                Highcharts.stockChart('chart1', {
                    rangeSelector: {
                        selected: 1,
                        buttons: [{
                            type: 'minute',
                            count: 10,
                            text: '10м'
                        }, {
                            type: 'hour',
                            count: 1,
                            text: '1час'
                        }, {
                            type: 'hour',
                            count: 6,
                            text: '6час'
                        }, {
                            type: 'day',
                            count: 1,
                            text: '1дн'
                        }, {
                            type: 'week',
                            count: 1,
                            text: 'неделя'
                        }, {
                            type: 'month',
                            count: 1,
                            text: 'мес'
                        }, {
                            type: 'year',
                            count: 1,
                            text: 'год'
                        }, {
                            type: 'all',
                            text: 'Всё'
                        }]
                    },
                    title: {
                        text: 'Электросеть'
                    },
                    yAxis: [{
                        labels: {
                            align: 'right',
                            x: -3
                        },
                        title: {
                            text: 'Напряжение'
                        },
                        height: '50%',
                        lineWidth: 1,
                        resize: {
                            enabled: true
                        }
                    }, {
                        labels: {
                            align: 'right',
                            x: -3
                        },
                        title: {
                            text: 'Ток'
                        },
                        top: '52%',
                        height: '20%',
                        offset: 0,
                        lineWidth: 1
                    }, {
                        labels: {
                            align: 'right',
                            x: -3
                        },
                        title: {
                            text: 'Мощьность'
                        },
                        top: '75%',
                        height: '20%',
                        offset: 0,
                        lineWidth: 1
                    }],
                    tooltip: {
                        split: true
                    },
                    series: [{
                        type: 'spline',
                        name: 'Вольт',
                        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
                        yAxis: 0
                    }, {
                        type: 'spline',
                        name: 'Ампер',
                        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
                        yAxis: 1
                    }, {
                        type: 'spline',
                        name: 'Ватт',
                        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
                        yAxis: 2
                    }]
                });
            });
                                           </script>
</body>
</html>