Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/430.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 dc.js教程折线图渲染_Javascript_Html_Css_D3.js_Dc.js - Fatal编程技术网

Javascript dc.js教程折线图渲染

Javascript dc.js教程折线图渲染,javascript,html,css,d3.js,dc.js,Javascript,Html,Css,D3.js,Dc.js,我关注JavaScript库dc.js,在教程中呈现折线图时遇到问题。我得到了一些东西,但它并没有像教程中应该看到的那样。代码的D3和Crossfilter部分似乎在互相交谈,因为刷牙功能可以工作,所以我想知道我是否没有正确引用CSS。只需查看页面源代码,即可轻松查看代码。我假设这是一个简单的东西,我只是忽略了,因为我对CSS和JavaScript相当陌生。谢谢阅读。 你的问题是没有设置路径SVG元素上的填充属性,所以它默认为黑色,在中间给你黑色填充。当我在浏览器中打开开发人员控制台(使用IE)

我关注JavaScript库dc.js,在教程中呈现折线图时遇到问题。我得到了一些东西,但它并没有像教程中应该看到的那样。代码的D3和Crossfilter部分似乎在互相交谈,因为刷牙功能可以工作,所以我想知道我是否没有正确引用CSS。只需查看页面源代码,即可轻松查看代码。我假设这是一个简单的东西,我只是忽略了,因为我对CSS和JavaScript相当陌生。谢谢阅读。

你的问题是没有设置路径SVG元素上的填充属性,所以它默认为黑色,在中间给你黑色填充。当我在浏览器中打开开发人员控制台(使用IE)时,我收到的错误消息是dc.CSS和colorbwer.CSS都显示“由于mime类型不匹配,CSS被忽略”。GitHub对于mime类型来说是个难题,因此您可能希望将这些文件移到其他地方

解决填充问题的方法(但不是解决css加载问题)是添加以下代码行:

 d3.select(".line").attr("fill-opacity", 0);
我希望这有帮助