Javascript 如何在C3.js中显示x轴下方的负值

这就是我希望它看起来像x轴下的负值和用圆括号括起来的负值

C3.js代码

    var chart = c3.generate({
    bindto : "#totalDollarFlow",
    size : {
        height : 400,
        width : 700
    },
    title : {
        text : data.title
    },
    data : {
        x : labels,
        columns : data.columns,
        axes : {
            data1 : 'y',
        },
        type : 'bar',
        types : {
            data1 : 'line',
        },
        names : {
        },
        colors : {
            data1 : '#2ca02c',

        },
        selection : {
            enabled : true,
            draggable : false,
            multiple : true,
            grouped : true
        }
    },
    subchart : {
        show : false
    },
    point : {
        show : false
    },

    zoom : {
        enabled : true,
        rescale : true
    },
    grid : {
        y : {
            show : true
        }
    },
    regions : [ {
        axis : 'y',
        start : 186,
        end : 187,
        class : 'regionY'
    } ],
    axis : {
        x : {
            type : 'category',
            tick : {
                rotate : 90,
                centered : true,
                fit : true,
                multiline : false,
                culling : {
                    max : 60
                }
            },
        },
        y : {
            label : {
                text : '$s Millions',
                position : 'outer-middle'
            },
            tick : {
                format : d3.format("$,")
            }
        },
    }
});

目前的图表是什么样子的

---

我不确定你想要的一切是否都可能，但至少你可以接近它。对于y轴，可以使用以下格式：

y : {
            label : {
                text : '$s Millions',
                position : 'outer-middle'
            },
            tick : {
               format: function (d) { 
                    const realNumber = d*1000000;    
                    return realNumber.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,');
                }
            }
        }

要获取0处的线，可以在位置0处为y轴定义网格线。您也可以在此处设置一个文本，但只能设置一个文本来描述此行的用途，而不是您的记号。我认为这比在图表中浮动时间戳更好

grid : {
        y : {
            show : true,
            lines: [
                {value: 0},
            ]
        }
    }

这条线可能有点细，但当您更改css时，可以使它变粗。我想那是

c3ygrid行

。要获取更多信息，您可以随时使用