Missing axis ticks on bar chart

[Alex-Dettinger]

Description

I've migrated our project from c3 to the latest version of billboard.js. All charts are worked as previously except that there are not tick marks on the axes of our bar chart

Steps to reproduce

Our bar chart is detailed below. I've also needed to make some changes to our scss to adjust the axes thickness.

this.chart = bb.generate({
                bindto: '#chart-container',
                size: {
                    height: 350,
                    width: 600,
                },
                legend: {
                    show: false,
                },
                tooltip: {
                    show: false,
                },
                data: {
                    type: bar(),
                    json: this.state.data,
                    keys: {
                        x: 'letter_grade',
                        value: ['num_learners'],
                    },
                },
                axis: {
                    x: {
                        type: 'category',
                    },
                    y: {
                        padding: {
                            top: 120,
                        },
                        tick: {
                            format: d3.format("d"),
                        },
                    },
                },
            });

.bb-axis.bb-axis-y path {
  stroke-width: 1px;
  stroke: #000;
  fill: none;
}

.bb-axis.bb-axis-x path {
  stroke-width: 1px;
  stroke: #000;
  fill: none;
}

Old Chart:

New Chart:

[netil]

Hi @Alex-Dettinger, I made an online working example based on your generation code I couldn't find any issues.

• https://jsfiddle.net/netil/84vbfL27/

Ticks display can be handle by axis.x.tick.show option, which the default is set to display.