gpt4 book ai didi

css - C3.js 使线条显示为虚线

转载 作者:技术小花猫 更新时间:2023-10-29 11:01:34 25 4
gpt4 key购买 nike

我正在使用两个 Y 轴的 C3.js。我有 2 个数据系列:

data: {
rows: [
['data1', 'data2', 'data3'],
[90, 120, 300],
[40, 160, 240],
[50, 200, 290],
[120, null, 230],
[80, null, 300],
[90, null, 320],
],
regions: {
'data1': [{'start':0, 'style':'dashed'},],
}
}

当我运行它时,我得到一条虚线,然后它将 null 绘制为沿 x 轴的虚线。这不是我想要的。我希望它在数据集为空时停止绘图。如果我删除该区域,我会得到我想要的功能,但我不会得到虚线。

有没有办法在不绘制空值的情况下获得虚线?

最佳答案

由于 C3 使用 SVG,您可以使用 CSS 选择器来修改其元素的外观。

C3 图表中的所有线都将具有 .c3 线类,请查看:1 .

所以,我们可以将它添加到我们的 CSS 中:

.c3-line{
stroke-dasharray: 5,5;
}

这是 stroke-dasharray 的一些文档.

Note the classes in the path. We can use them to target the element with CSS

关于css - C3.js 使线条显示为虚线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29150816/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com