如何在 dc.js 中更改折線圖中的線條粗細？

Question

我想在 dc.js 折線圖中更改繪制線（而不是軸）的線寬。 我想這將是非常基本的，但在我的生活中找不到任何關於它的東西。 沒有一個例子可以改變 plot 線的默認厚度。 沒有一個問題問它。 顏色，當然。 你想要虛線嗎？ 各種選擇。 但是，如果您想要一條特別粗的線或一條非常細的線，那就什么也不做。 請以它的簡單性讓我感到羞恥。

Answer 1

任何可以由數據驅動的 SVG 屬性或 dc.js 的屬性都有一個 function 允許您定義從數據到屬性的編碼。

但是有很多屬性不是由數據驅動的。 對於這些，您可以使用 CSS 樣式，它將應用於整個圖表。

為了安全且不影響頁面上的錯誤元素或其他內容，您可以約束選擇器：

.dc-chart path.line {
    stroke-width: 3px;
}

這是未經測試的，但應該可以工作。 如果沒有，請評論，我明天測試。

參考： https://github.com/dc-js/dc.js/wiki/Chart-selectors

Answer 2

使用 .strokeWidth() function。