如何在 dc.js 中更改折线图中的线条粗细？答案

【问题标题】：How can you change the line thickness in a line chart in dc.js?如何在 dc.js 中更改折线图中的线条粗细？
【发布时间】：2022-08-16 02:11:05
【问题描述】：

我想在 dc.js 折线图中更改绘制线（而不是轴）的线宽。我想这将是非常基本的，但在我的生活中找不到任何关于它的东西。我找不到任何一个示例会更改绘图线的默认粗细。没有一个问题问它。颜色，当然。你想要虚线吗？各种选择。但是，如果您想要一条特别粗的线或一条非常细的线，那就什么也不做。请以它的简单性让我感到羞耻。

标签： dc.js

【解决方案1】：

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

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

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

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

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

【讨论】：

谢谢！如果在 css 级别应用，这很好用，但会影响所有行。现在，我将尝试使其仅适用于复合图表中的一条线。
是的，<g> 子元素应该具有 _0、_1 之类的类，您可以使用它们来影响各个行。只要不删除孩子，更改编号，就应该可以正常工作。

【解决方案2】：

使用 .strokeWidth() 函数。

【讨论】：

谢谢。试过了。出现错误“strokeWidth 不是函数”。在什么情况下可以使用？在互联网上搜索它也没有结果:-(