Skip to main content
November 25, 2024
Question

How to showcase the percentage value of the data coming in a chart field

  • November 25, 2024
  • 10 replies
  • 0 views

Hi Team

I want to show case the percentage of data in the Y axis of the column chart field.

Eg: If the X axis is have 4 values: A,B,C,D and Y axis is having values for each 1 for A, 2 for B, 3 for C, 4 for D.

But other than showing these values is it also possible to showcase the percentage of these values as well?

Thanks

Harikrishnan

    10 replies

    venkatrea696188
    November 25, 2024

    Can we know the exact data that you want to show in charts?? If the data is single series you can't show it in percentage wise(Go for pie chart). But if you have multiple series (like trend of something over time) you can.

    Too answer your question it depends on the data ,if it's just like the sample data you asked in question "NO". 

    stefanhelzle0001
    Brainy
    November 25, 2024

    Can you share a visual of how you want that chart to look like?

    November 27, 2024

    Hi Stefan, 






    sonalp7242
    November 26, 2024

    You can use stacking: "PERCENT_TO_TOTAL", option to show % value, and if you want to show it on chart level without hovering over it, you can use showDataLabels: true(),   

    November 27, 2024

    Hi Team,

    So we are looking to have percentage in this chart.

    We want to showcase the percentage value above the each.

    For Example, here we have values for only last 2 values, so we want to show the percentage of these above each chart like the image below

    Thanks

    Harikrishnan

    November 27, 2024

    Hi Team,

    Thanks for all the responses.

    We are using the column chart as the picture below

    Here we have only data for the last 2 fields.

    So we want to show the percentage value above each field like the image below.

    Thanks
    Harikrishnan

    atfb650251
    November 27, 2024

    Hi Team

    I want to show case the percentage of data in the Y axis of the column chart field.

    Eg: If the X axis is have 4 values: A,B,C,D and Y axis is having values for each 1 for A, 2 for B, 3 for C, 4 for D.

    But other than showing these values is it also possible to showcase the percentage of these values as well?

    Thanks

    Harikrishnan

    Yes, you can display both the values and their percentages on a column chart. First, calculate the percentage of each value relative to the total (e.g., value / total * 100). Then, customize the data labels to show both the atfbooru raw values and percentages, such as "1 (25%)". Most charting libraries, like Chart.js, allow you to modify the label format using options like tooltip.callbacks to display both the values and percentages. Alternatively, you can use a dual-axis chart if you want to show raw values on one axis and percentages on the other.

    November 27, 2024

    Hi atfb650251

    Could you please tell us how to use the dual-axis chart for this?

    The requirement is like as we have pinged in the above ticket.

    Thanks

    Harikrishnan

    December 2, 2024

    Hi Team

    Can anyone help us with any possible solutions

    Thanks

    Harikrishnan