Chart axis data label customization

posted on September 18th, 2019

Answered

Boopathi asked on September 18, 2019

Hi,
Required suggestion to customize data labels for chart. we have 2 row fields and 5 column fields configured in the Fields configuration and output coming in the Grid option. Same data converted to Chart - Column, X Axis we are getting 2 rows data with data labels. my requirement is needs to configure/show only one data labels instead of two row data label in X axis.

Thanks,
Boopathi

1 answer

Public

Vera Didenko ⋅ Flexmonster ⋅ September 18, 2019

Hello, Boopathi,

Thank you for writing to us.

If we understand your case correctly, you would like to show one level at a time on the X-axis.
Flexmonster provides a special option for this ( https://www.flexmonster.com/api/options-object/ ):
oneLevel - In a drillable chart, defines whether the chart shows all nodes on the x-axis and the legend (false) or only the lowest expanded node on the x-axis and the legend (true). Default value: false.

To show one level at a time on the X-axis, simply specify the oneLevel parameter in the options object:

"options": {
  chart: {
    oneLevel: true 
  }
}

We have prepared a JSFiddle example for illustration: https://jsfiddle.net/flexmonster/5d8qwhxe/

Please let us know if this is what you were looking for and if you have any questions.

Best Regards,
Vera

Chart axis data label customization

1 answer

Please login or Register to Submit Answer