dc.js教程折線圖渲染

Question

我在JavaScript庫dc.js上關注this tutorial，並且在教程中渲染折線圖時遇到問題。我得到display的東西，但它沒有看到它在教程中的所有方式。代碼的D3和Crossfilter部分似乎互相交談，因爲刷牙功能起作用，所以我想知道如果我沒有正確引用CSS。您只需查看頁面源代碼即可輕鬆查看代碼。我假設這是簡單的東西，我只是因爲對CSS和JavaScript相當新穎而忽視。提前致謝閱讀。

Answer 1

你的問題是路徑svg元素上的fill屬性沒有設置，所以它默認爲黑色，給你中間的黑色填充。當我在瀏覽器（使用IE）中打開開發人員控制檯時，出現錯誤消息「由於MIME類型不匹配而忽略了CSS」。爲dc.css和colorbrewer.css。 GitHub是一種帶有MIME類型的痛苦，因此您可能需要將這些文件移到別處。

的工作各地去填充走開（但沒有解決你的CSS加載問題）是加入這行代碼：

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

我希望幫助！