Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/388.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为什么不是';C3图表没有出现吗?_Javascript_Html_D3.js_Charts_C3 - Fatal编程技术网

Javascript 为什么不是';C3图表没有出现吗?

Javascript 为什么不是';C3图表没有出现吗?,javascript,html,d3.js,charts,c3,Javascript,Html,D3.js,Charts,C3,我试图创建一个简单的图表,但它就是不起作用。任何帮助都会很好。我按照C3.js文档网站上的说明进行操作,但仍然得到一个空白页面 <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="https://rawgit.com/masayuki0812/c3/master/c3.css"> <script src="http://d3js.org/d3.v

我试图创建一个简单的图表,但它就是不起作用。任何帮助都会很好。我按照C3.js文档网站上的说明进行操作,但仍然得到一个空白页面

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="https://rawgit.com/masayuki0812/c3/master/c3.css">
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="https://rawgit.com/masayuki0812/c3/master/c3.js"></script>

<script>
var chart = c3.generate({
bindto: '#chart',
data: {
  columns: [
    ['data1', 30, 200, 100, 400, 150, 250],
    ['data2', 50, 20, 10, 40, 15, 25]
  ]
}
});

</script>
</head>
<body>
<div id="chart"></div>
</body>
</html>

var图表=c3.0({
bindto:'图表',
数据:{
栏目:[
[data1',30200100400150250],
[data2',50,20,10,40,15,25]
]
}
});

首先,我要检查跨源异常。这通常是由于使用托管在其他网站上的脚本造成的。如果您遇到此类问题,请查找(CDN)。这些网站托管可以在任何网站上运行的脚本

但我相信您的问题在于,在文档加载完成之前,您正在运行JavaScript代码。有两种方法可以确保在DOM上开始执行JavaScript之前加载元素

头部脚本(使用超时) HTML页面的源代码应该如下所示。您需要等待先加载元素。这使用了纯JavaScript,不需要jQuery


onReady(“#图表”,函数(){
var图表=c3.0({
数据:{
栏目:[
[data1',300350300,0,0,0],,
[data2',13010014020015050]
],
类型:{
数据1:'区域',
数据2:“面积样条线”
}
},
轴线:{
y:{
填充:{
底部:0
},
最低:0
},
x:{
填充:{
左:0
},
分:0,,
节目:假
}
}
});
});
//设置一个超时,这样我们就可以确保创建了'chart'元素。
函数onReady(选择器、回调){
var intervalID=window.setInterval(函数(){
if(document.querySelector(选择器)!==未定义){
窗口。clearInterval(intervalID);
回调。调用(此);
}
}, 500);
}

为什么标题中有C?它似乎与.NET或C#@StanislavMekhonoshin无关。他在C33中键入3时没有松开shift键。好了,现在它已修复,看起来okc3.js是一个用于图表构建的开源javascript。我不认为这与c有任何关系,我在chrome中检查了javascript日志,它在两个Java脚本中都不断给我错误。我想我需要一个合适的链接来运行.js文件。很好!!我实际上是通过引用源代码来实现的。没有它,图表就不会显示在我的屏幕上。