Get Free Trial

title and axis labels

Randolph Kepplinger asked on March 24, 2020

I have the following customizing questions on charts:

  • Is there a way to hide axis labels in a (line) chart or overwrite them?
  • Is there a way to resize title (make it bigger)?
  • Is there a way to hide/overwrite the pivot text, so i can write Income instead of “Sum of income”?

ind regards

2 answers

Illia Yatsyshyn Illia Yatsyshyn Flexmonster March 25, 2020

Hello, Randolph,
Thank you for contacting us.

  1. Talking about axis labels, we would like to kindly inform you that Flexmonster does not provide an option that would allow hiding such labels. However, it is possible to hide them using CSS:
    #fm-yAxis-label {
    display: none;

    #fm-xAxis > text {
    display: none;

    In case such labels need to be overwritten, we would like to kindly draw your attention to the caption property that specifies the custom caption of the hierarchy instead of using its name as a caption. The caption can be specified using the mapping object.
    Please note that such captions are going to be displayed instead of the hierarchy’s name on the grid as well.
    More information about the mapping object in our documentation.

  2. The size of the title can be changed using CSS. Elements can be gotten using the following selectors:
    • #fm-chart-title – for chart title
    • #fm-grid-title – for grid title
  3. Flexmonster provides an option to hide aggregation labels like Total Sum of, Sum of, etc. in the column/row titles. 
    This can be done by setting the showAggregationLabels parameter to false, for example: 

    options: { 
    showAggregationLabels: false

    Here is a JSFiddle example for illustration.

    Also, the grand total caption can be overwritten as well using the grandTotalCaption property.
    It should be represented as a property of an element of a measures array. Such an array is a property of the slice object. More information about the slice object and its properties (including grandTotalCaption) can be found in our documentation.

Please check out an example demonstrating all approaches described above.
Do not hesitate to contact us in case additional questions arise.
Best regards,

Randolph Kepplinger March 26, 2020

Thank you!
Example and the hint on showAggregationLevel did the trick.

Please login or Register to Submit Answer