Overlapping Y-axis labels

I have this Y-axis object:

{
	id: 'events',
	type: 'category',
	labels: this.state.eventLabelArray),
	scaleLabel: {
		display: true,
		labelString: 'Phenology'
	},
	ticks: {
		autoSkip: true
	}
}

Despite autoSkip being declared as “true,” it’s not working-each label is rendered, none are skipped:

image

If I de-duplicate the labels, the data is no longer mapped in the tooltip:

{
	id: 'events',
	type: 'category',
	labels: Array.from([...new Set(this.state.eventLabelArray)]),
	scaleLabel: {
		display: true,
		labelString: 'Phenology'
	},
	ticks: {
		autoSkip: true
	}
}

image

Author: Fantashit

1 thought on “Overlapping Y-axis labels

  1. i also got this issue if i set a custom min/max value in the ticks object and the min/max value is only a little bit above/under the auto labeled values

Comments are closed.