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

标签 javascript html css d3.js dc.js

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

最佳答案

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

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

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

希望对您有所帮助!

关于javascript - dc.js 教程折线图渲染,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23727653/

相关文章:

javascript - 无法在 MVC JavaScript 中访问 Html5 中的 'download' 属性

javascript - 添加 Vue.js v-bind :style attribute to an element that is dynamically created after page load

html - Webkit CSS 过滤器模糊在 Windows 操作系统上的 Safari 中不起作用

php - 带有ajax响应的奇怪编码

php - 无法修改 header 信息 - header 已发送

html - 仅在悬停时显示按钮

javascript - 从 React 中的 API 对象中提取数据

javascript - 在 jquery 中为 json 数组生成 html 的标准方法

html - 更改背景图像 bootstrap nav-pills

java - PlayFramework2 : css not loading on heroku