Question

我在这段代码中做错了什么？当我使用本地源为主题它正常工作，但它不是从github。我查看了很多帖子，但似乎无法找到为什么这不起作用，它也是如此简单的代码。问题在于第二个带有主题的脚本，但我不知道是什么，我也尝试使用它作为“cdn.rawgit.com ...”，但这不应该有任何区别，但事实并非如此。

<html>
    <head>
        <title>HighCharts Page</title>

        <!-- library (external) -->
        <script src="http://code.highcharts.com/highcharts.js"> </script>
        <script src="https://rawgit.com/highcharts/highcharts/master/js/themes/grid-light.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
        <!-- <script> $.getScript("https://raw.githubusercontent.com/highcharts/highcharts/master/js/themes/grid-light.js", function() {}); </script> -->
        <!-- end library (external) -->

        <!-- custom script (in-line JS) -->
        <script>

            //define a function here
            $(function () {
                var myChart = Highcharts.chart('container', {
                    chart: {
                        type: 'bar'
                    },
                    title: {
                        text: 'Fruit Consumption'
                    },
                    xAxis: {
                        categories: ['Apples', 'Bananas', 'Oranges']
                    },
                    yAxis: {
                        title: {
                            text: 'Fruit eaten'
                        }
                    },
                    series: [{
                        name: 'Jane',
                        data: [1, 0, 4]
                    }, {
                        name: 'John',
                        data: [5, 7, 3]
                    }]
                });
            });
        </script>
        <!-- end custom script (in-line JS) -->

    </head>
    <body>

        <div id="container" style="width:100%; height:500px;">
        </div>
    </body>
</html>

这可能很简单但感谢你的帮助。

Answer 1

好的，问题是您使用的文件是开发版本/源文件，需要构建才能正常运行（在当前浏览器版本中），因为它导入其他文件（大多数浏览器尚不支持和import ）。

只需使用https://cdnjs.cloudflare.com/ajax/libs/highcharts/5.0.12/js/themes/grid-light.js

上的CDN版本即可

我使用rawgit错了吗？

1 个答案: