Setting the scale tick distance doesn't have the expected effect on axis ticks

[brianjenkins94]

🐛 Bug report

Steps to Reproduce

We've just been making minor tweaks to this example: https://observablehq.com/@miralemd/picassojs-gantt-chart

But it hasn't been going particularly well.

Adding too much data makes the y-axis disappear.

Most values that we set the (not super well documented) scale tick distance parameter to, have no effect.

Here's a simplified codepen of our chart:

https://codepen.io/brianjenkins94/pen/XWdzPYE

Expected behavior

An x-axis with 7-day demarcations.

Actual behavior

An x-axis with 12-day demarcations.

Versions

• picasso.js: v0.34.0

[cbt1]

"Adding too much data makes the y-axis disappear."

• That would be the expected behaviour given all labels cannot fit without overlapping each other. In such case you either have to reduce the amount of data, increase the chart size or introduce a mechanism to scroll.

"Most values that we set the (not super well documented) scale tick distance parameter to, have no effect."

• Agree, it's in need of a lot better documentation. I did some quick testing and the distance setting does affect the number of ticks. It's a number that represent the distance between each tick in pixels. It's also an approximation, so a value of 100 might yield a tick every 50 or 150 px instead, depending on a couple of factors such as total distance available and length of the formatted tick. For more control it's possible to set explicit tick values.

I'll label this a documentation for now.