【问题标题】：dc.js Tutorial Line Chart Renderdc.js 教程折线图渲染
【发布时间】：2014-05-18 22:47:33
【问题描述】：
我在 JavaScript 库 dc.js 上关注 this tutorial，但在渲染本教程中的折线图时遇到问题。我得到了display 的一些东西，但它并没有完全符合教程中的样子。代码的 D3 和 Crossfilter 部分似乎在相互交谈，因为刷功能有效，所以我想知道我是否没有正确引用 CSS。您只需查看页面源即可轻松查看代码。我假设这是一件简单的事情，由于对 CSS 和 JavaScript 还很陌生，我只是忽略了它。提前感谢您的阅读。
【问题讨论】：
标签：
javascript
html
css
d3.js
dc.js
【解决方案1】：
您的问题是 path svg 元素上的填充属性未设置，因此它默认为黑色，在中间为您提供黑色填充。当我在浏览器（使用 IE）中打开开发者控制台时，我收到错误消息“由于 mime 类型不匹配而忽略了 CSS”。对于 dc.css 和 colorbrewer.css。 GitHub 对 mime 类型很不利，因此您可能希望将这些文件移到其他地方。
使填充消失的解决方法（但不能解决您的 css 加载问题）是添加这行代码：
d3.select(".line").attr("fill-opacity", 0);
希望对你有帮助！