x number of minor ticks per major tick

[awall]

Description of the feature

When minorTicks is set to "auto", we get 5 minor ticks per major tick. Ideally, I would like to set the major ticks using other properties, like tickPixelInterval or tickAmount, and set the minor ticks as "2 minor ticks per major tick", or any other arbitrary multiple. Why restrict it to exactly 5?

Add some property to set this value from 5 to any arbitrary integer.
Please make sure it works in logarithmic and date axes, too!

Library related to the feature

Highcharts

You can vote for the feature by adding thumbs-up reaction for this post.

[sebastianbochan]

Hi @awall,
Thank you for your suggestion. I think that it could be something like tickAmount, but minorTickAmount.

We could parametrize this line:

highcharts/js/parts/Axis.js

Lines 1484 to 1487 in f9dc90d

	minorTickIntervalOption === 'auto' &&
	this.tickInterval ?
	this.tickInterval / 5 :
	minorTickIntervalOption;

As a workaround, have you tried to use a minorTickInterval param?

[awall]

Thanks @sebastianbochan. In my case, the minorTickInterval does not work, it doesn't support logarithmic or date axes correctly (I've logged separate bugs for these issues already).

[KacperMadej]

It works for logarithmic (https://jsfiddle.net/BlackLabel/vem4q6yt/) but doesn't look good since the offset is critical. It works for datetime (https://jsfiddle.net/BlackLabel/vem4q6yt/1/) - the units are milliseconds.

[awall]

@KacperMadej Logarithmic only works for very specific numbers, try changing that "0.1" to "0.5" and see what happens ;). I've logged this bug already as #13337

As for datetime, I'd really like to use the default behaviour for the major ticks, and then just "2 minor ticks per major tick". If I use tickInterval and minorTickInterval, I need to write an enormous amount of tricky code involving dates and the chart width... this code is already built-in to how highcharts determines the major ticks on a date axis, and it is very painful to have to reverse engineer and duplicate that code.

[pawelfus]

See plugin posted in #13336. Demo: https://jsfiddle.net/BlackLabel/oc70hqxm/

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions!

[pawellysy]

unstale

[ReillyBova]

Unstale — this is a pretty reasonable customization request. 5 minor ticks per major is very noisy / visually dense. Having the option to set the "auto" value would be much appreciated

[TorsteinHonsi]

Thank you for your input @ReillyBova , I think we can get this done. We will do some internal discussions about how.

[TorsteinHonsi]

After some internal discussion, we decided to add a new option minorTicksPerMajor, which will default to 5. The implementation appears to be quite simple, just replace the number 5 on this line:

highcharts/ts/Core/Axis/Axis.ts

Line 1957 in 4800dec

this.tickInterval / 5 :

My preliminary tests show that this works on linear, logarithmic and datetime axes.

[ReillyBova]

Awesome! Thank you!