[Feature request] Add an option for culling to also hide ticks, along with tick labels.

[ImADrafter]

Description

I have an use case where the chart should handle both large and small datasets. I found that my solution could be use culling, but also, hide ticks along with the tick labels.

For large data sets, if you specify culling, the ticks will end overlapping one with each other.

Other possibilities that I've tried so far:

The configuration specified at X Axis Tick Timeseries, may look good when the dataset is large. But it falls short when you have less entries than the number specified by axis.x.count, because it shows more ticks than data points. This seems OK on area charts, but it feels weird for line charts.

If you change the size of the dataset with previous configuration ({fit: false, count:5}) an strange behavior occurs, ignores the specified count. Please take a look at bellow images.

If fit: false is specified, then the x axis labels will no longer be positioned according to the data, as the documentation indicates.

So, I tried different configuration possibilities. One of them was using culling: { max: 5 }, which works nice, but with large datasets, the x axis looks really bad, since all the ticks are overlapping.

It would be nice to have the option of also, hide the tick along with the label while using culling. Maybe this was the original idea from count? What am I missing here?

Thank you for taking the time to read this issue. Please let me know how should I proceed.

Steps to check or reproduce

In this codeSandbox you can change the length of the dataSet and check what I described before.

[netil]

If fit: false is specified, then the x axis labels will no longer be positioned according to the data, as the documentation indicates.

The description for fit was described in opposite way, which was fixed now, e504bdd

From the latest release with some option combination, you can limit x axis ticks appearance as below.

I think, with the option count=5, will fulfill your needs. But if want to make ticks to be displayed as the last screenshot without tick lines, you can control the visibility by style.

<div id="cullingChart"></div>

#cullingChart .bb-axis-x .tick line {
    display: none;
}

const chart = bb.generage({
    ...
    axis: {
        x: {
            culling: {
            max: 5,
        }
    },
    bindto: "#cullingChart"
});