c3.js 减小 x 轴的宽度

Question

有没有办法减少 c3 中 x 轴的宽度（见图）？即使我尝试将 "stroke-width" 属性设置为具有不同值的“<"path">”标记 - 它也没有进行任何视觉更改。提前感谢您的建议。 Picture

var chart = c3.generate({
        bindto: '#' + chartId,
        data: {
            columns: columns,
            type: 'bar',
            labels: true
        },
        interaction: {
            enabled: false
        },
        tooltip: {
            show: false
        },
        color: {
            pattern: colorPattern
        },
        bar: {
            width: { ratio: 0.7 },
            space: 0.25
        },
        size: settings.ChartSizes.BarChart,
        legend: {
            position: 'right',
            grouped: true,
            item: {
                onclick: function (d) {
                    counter++;
                    if (counter === 1) {
                        chart.hide();
                        chart.show(d);
                    } else {
                        chart.show();
                        counter = 0;
                    }
                }
            }
        },
        axis: {
            x: {
                type: 'category',
                categories: categories,
                show: showAxe
            },
            y: {
                show: false
            }
        }
    });

Answer 1

这是一个常见问题，由您没有选择 c3.css 文件引起 - 请参阅 https://github.com/c3js/c3/issues/1962

如果你能解决这个问题，问题就会消失

c3.js 减小 x 轴的宽度

c3.js reduce width of x-axis

c3.js