如何在dc.js中更改折线图中的线宽

Question

我想更改dc.js折线图中绘制的线(而不是轴(的线厚度。我想这将是非常基本的，但我一生都找不到任何关于它的东西。我找不到一个例子可以改变默认的情节线厚度。没有一个问题问它。当然是颜色。你想要虚线吗？所有种类的选择。但是，如果你想要一条特别粗的线或一条非常细的线，那就什么都不要做。请用它的简单来羞辱我。

Answer 1

任何可以由数据驱动的SVG属性或dc.js的属性都有一个函数，允许您定义从数据到属性的编码。

但是，有许多属性不是由数据驱动的。对于这些，您可以使用CSS样式，它将应用于整个图表。

为了安全且不影响页面上的错误元素或其他内容，您可以约束选择器：

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

要选择特定的子图表，请指定应用于其<g>:的类别_0、_1

/* 3rd child of composite */
.dc-chart ._2 path.line {
stroke-width: 3px;
}

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

Answer 2

使用.strokeWidth((函数。