dc.js教程折线图渲染

时间:2014-05-18 22:47:33

标签: javascript html css d3.js dc.js

我在JavaScript库dc.js上关注this tutorial,并且在教程中渲染折线图时出现问题。我得到display的内容,但它并没有在教程中看到它应有的方式。代码的D3和Crossfilter部分似乎是相互通信,因为刷子功能起作用,所以我想知道我是否没有正确引用CSS。您只需查看页面源即可轻松查看代码。我认为这很简单,因为我对CSS和JavaScript很新,所以我只是忽略了这一点。提前感谢您阅读。

1 个答案:

答案 0 :(得分:0)

你的问题是没有设置路径svg元素上的fill属性,所以它默认为黑色,在中间给你黑色填充。当我在浏览器中打开开发人员控制台(使用IE)时,我收到错误消息,说“由于mime类型不匹配而忽略了CSS”。对于dc.css和colorbrewer.css。 GitHub是一个痛苦的mime类型,所以你可能想把这些文件移到别处。

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

 d3.select(".line").attr("fill-opacity", 0);

我希望有所帮助!