Javascript 我是不是用错了rawgit?
我在这段代码中做错了什么?当我为主题使用本地源代码时,它可以正常工作,但它不是来自github。我已经浏览了很多帖子,但似乎找不到为什么这不起作用,它也是如此简单的代码。问题在于第二个脚本的主题是什么,但我不知道是什么,我也尝试过将其用作“cdn.rawgit.com…”,但这不会有任何区别,也不会有任何影响Javascript 我是不是用错了rawgit?,javascript,github,Javascript,Github,我在这段代码中做错了什么?当我为主题使用本地源代码时,它可以正常工作,但它不是来自github。我已经浏览了很多帖子,但似乎找不到为什么这不起作用,它也是如此简单的代码。问题在于第二个脚本的主题是什么,但我不知道是什么,我也尝试过将其用作“cdn.rawgit.com…”,但这不会有任何区别,也不会有任何影响 <html> <head> <title>HighCharts Page</title> <
<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>
海图页
//在这里定义一个函数
$(函数(){
var myChart=Highcharts.chart('容器'{
图表:{
类型:'bar'
},
标题:{
正文:“水果消费”
},
xAxis:{
类别:[‘苹果’、‘香蕉’、‘橙子’]
},
亚克斯:{
标题:{
文字:“吃水果”
}
},
系列:[{
姓名:'简',
数据:[1,0,4]
}, {
姓名:'约翰',
数据:[5,7,3]
}]
});
});
这可能很简单,但感谢您的帮助。好的,问题是您使用的文件是开发版本/源文件,需要构建该文件才能正常工作(在当前浏览器版本中),因为它会导入其他文件(大多数浏览器尚不直接支持导入)
只需在处使用CDN版本即可,问题是您使用的文件是开发版本/源文件,需要构建该文件才能发挥功能(在当前浏览器版本中),因为它会导入其他文件(大多数浏览器尚不支持导入)
只需在使用CDN版本,您是在http还是https站点上运行此功能?因为问题可能出在您通过http加载的第一个js文件上,所以在https站点中,它将被阻止为混合内容。@gabykag.Petrioli我现在只是在本地运行此文件进行测试。我只是在浏览器中按原样打开了文件。您使用的是什么操作系统/浏览器?因为在Windows中,它在最新的Firefox/Chrome中工作正常/IE@GabyakaG.Petrioli我用的是铬;我只是更新了它以进行检查,但仍然不起作用。你得到了正确的主题?不仅仅是白色背景上的蓝色和黑色条?好吧,现在我明白了。。我认为它不起作用。你是在http或https站点上运行它吗?因为问题可能出在您通过http加载的第一个js文件上,所以在https站点中,它将被阻止为混合内容。@gabykag.Petrioli我现在只是在本地运行此文件进行测试。我只是在浏览器中按原样打开了文件。您使用的是什么操作系统/浏览器?因为在Windows中,它在最新的Firefox/Chrome中工作正常/IE@GabyakaG.Petrioli我用的是铬;我只是更新了它以进行检查,但仍然不起作用。你得到了正确的主题?不仅仅是白色背景上的蓝色和黑色条?好吧,现在我明白了。。我以为它不起作用了。非常感谢!!你说需要建造是什么意思?我知道导入还不可用,但我不确定我是否理解这段代码是如何处理的。您是如何发现的?@Akaisteph7如果您查看包含的文件的src,您将看到不支持的
import
命令。如果您访问从中链接的github回购,您将看到这是他们提到的工作回购()。通过查看他们的repo,我还发现他们有一个包含代码构建版本的分发存储库(),因此您可以从那里使用主题,好的,我明白了。所以说得清楚一点,有效回购是为了发展,而不是为了普通用户?对于内置版本,这意味着它要从脚本运行?@Akaisteph7在本例中是的,但每个项目都有自己的结构。我的意思是其他项目在同一个存储库中的不同文件夹中有分发文件。非常感谢!!你说需要建造是什么意思?我知道导入还不可用,但我不确定我是否理解这段代码是如何处理的。您是如何发现的?@Akaisteph7如果您查看包含的文件的src,您将看到不支持的import
命令。如果您访问从中链接的github回购,您将看到这是他们提到的工作回购()。通过查看他们的repo,我还发现他们有一个包含代码构建版本的分发存储库(),因此您可以从那里使用主题,好的,我明白了。所以说得清楚一点,有效回购是为了发展,而不是为了普通用户?对于内置版本,这意味着它要从脚本运行?@Akaisteph7在本例中是的,但每个项目都有自己的结构。我的意思是,其他项目的分发文件位于同一存储库中的不同文件夹中。