JavaScript UI Libraries & Blazor Components Suite – Smart UI › Forums › Charts & Data Viz › Change Axis Labels, Range, Intervals, horizontal areas via JS › Reply To: Change Axis Labels, Range, Intervals, horizontal areas via JS

July 19, 2022 at 7:12 am #103401
svetoslav_borislavov
Participant

Hi,

Here you are: https://www.htmlelements.com/docs/chart-axes/. This is the documentation for the axes.
This is the API: https://www.htmlelements.com/docs/chart-api/.

You can edit your labels with the xAxis.labels object or valueAxis.labels object.

To modify the values on the Y axis you can again use the valueAxis.labels.formatFunction.

 

A xAxis specific property is the baseUnit:
baseUnit – the base unit when used with ‘date’ axis. Values can be ‘year’, ‘month’, ‘day’, ‘hour’, ‘minute’, ‘second’ or ‘millisecond’.

 

To remove the legend you can set showLegend  property to false.

 

In this demo, the formatFunction of the xAxis label is changed every second: https://codepen.io/svetoslavb04/pen/MWVbdyy

 

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/