首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >C3.js使线出现虚线

C3.js使线出现虚线
EN

Stack Overflow用户
提问于 2015-03-19 17:08:09
回答 1查看 8.2K关注 0票数 11

我用的是C3.js两个Y轴。我有两个数据系列:

代码语言:javascript
代码运行次数:0
运行
复制
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轴的虚线。这不是我想要的。当数据集为null时,我希望它停止绘图。如果我删除区域,我得到了我想要的功能,但我没有得到虚线。

有没有一种方法可以在不绘制空值的情况下得到虚线?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-03-20 18:09:07

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

C3图表中的所有行都有.c3行类,请看一看:1

因此,我们可以将其添加到CSS中:

代码语言:javascript
代码运行次数:0
运行
复制
.c3-line{
  stroke-dasharray: 5,5;
}

这是一些关于中风-达沙雷的文档。

票数 16
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/29150816

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档