小编Sea*_*ler的帖子

是否可以通过 CSS 显示实心 c3 网格线而不是默认的虚线网格线?

有没有办法通过css实现实心c3网格线而无需明确声明线值?

例子:

C3 的基本Grid Line 示例

var chart = c3.generate({
    data: {
        columns: [
            ['sample', 30, 200, 100, 400, 150, 250, 120, 200]
        ]
    },
    grid: {
        x: {
            show: true
        },
        y: {
            show: true
        }
    }
});
Run Code Online (Sandbox Code Playgroud)

一般来说,我发现我可以使用以下 CSS 更改网格的默认样式:

.c3 .c3-grid line {
  stroke: pink,       
  stroke-width: 4,  -> if width can be changed, why can't I use css to make grid line solid?
  opacity: 0.3,      
  fill: blue,       
}
Run Code Online (Sandbox Code Playgroud)

上面的 CSS 与上面列出的属性的外观图像

我知道可以通过像这样显式声明它们来实现实心网格线

例子:

网格示例的C3样式 …

css graph gridlines c3.js

5
推荐指数
1
解决办法
1476
查看次数

标签 统计

c3.js ×1

css ×1

graph ×1

gridlines ×1