小编cha*_*ala的帖子

c3js - 显示内容顶部的网格线

我一直试图让x轴网格线落后于c3js条形图的内容.

我玩弄z-index但没用.我尝试了不透明度,也没用.

这是带有我正在使用的代码的JSFiddle.

https://jsfiddle.net/chaitanya81/rvhb0fy4/1/

var chart = c3.generate({
        bindto: '#chart',
        data: {
            x : 'x',
            columns: [
                ['x', 'M','T','W','TH','F','SA','SU'],
                ['revenue', 200, 300, 200, 400, 500, 700, 600.56]
            ],
            type: 'bar'
        },
        color: {
            pattern: ["#ff9900"]
        },
        axis: {
            x: {
                type: 'category', // this needed to load string x value
                tick: {
                    outer: false
                }
            },
            y: {
                tick: {
                    outer: false
                }
            }
        },
        grid: {
            x: {
                lines: [
                    {value: "M"},
                    {value: "T"},
                    {value: "W"},
                    {value: "TH"},
                    {value: …
Run Code Online (Sandbox Code Playgroud)

c3

5
推荐指数
2
解决办法
3903
查看次数

标签 统计

c3 ×1