javascript - dc.js 教程折线图渲染

Question

我正在关注 this tutorial在 JavaScript 库 dc.js 上，我在教程中呈现折线图时遇到问题。我得到一些东西 display , 但它并没有完全按照教程中应有的方式进行查看。代码的 D3 和 Crossfilter 部分似乎在相互交谈，因为刷亮功能有效，所以我想知道我是否没有正确引用 CSS。您只需查看页面源代码即可轻松查看代码。我假设这是一个简单的事情，由于我对 CSS 和 JavaScript 还很陌生，所以我只是忽略了它。提前感谢您的阅读。

Answer 1

你的问题是 path svg 元素的 fill 属性没有设置，所以它默认为黑色，给你中间的黑色填充。当我在浏览器(使用 IE)中打开开发人员控制台时，我收到错误消息“由于 MIME 类型不匹配，CSS 被忽略。”对于 dc.css 和 colorbrewer.css。 GitHub 很难处理 mime 类型，因此您可能希望将这些文件移到别处。

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

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

希望对您有所帮助!