Pie Chart Lable/Category Color

Answered

Comments

8 comments

  • Avatar
    Andrew Block

    Gina give this a try:

    widget.on('ready', function(se,ev){
    var color = '#EEEEEE';
    $('.highcharts-data-labels tspan').css('fill',color)
    })

    Let me know if this works

    1
    Comment actions Permalink
  • Avatar
    Siva (Edited )

    Hi Andrew,

    Can you please let us know solution for changing color on mouse hover?

    Regards,
    Sai Krishna.

    0
    Comment actions Permalink
  • Avatar
    Andrew Block

    Devops,


    What portion of the pie chart are you wanting to change on the hover?

    If possible maybe provide a picture


    Thanks

    0
    Comment actions Permalink
  • Avatar
    Siva

    Hi Andrew,

    I have attached the screenshot where I want to change the color to black.

    Regards,
    Sai Krishna.

    0
    Comment actions Permalink
  • Avatar
    Andrew Block

    Sai,

    Give this a try:

    widget.on("beforedatapointtooltip", function (se, args){

    var color = 'BLACK'; //change to color you want

    $('.pie-tooltip-value, .pie-tooltip-percentage').css('color',color)

    });

    0
    Comment actions Permalink
  • Avatar
    Siva

    Thanks Andrew! It is working fine!!

    0
    Comment actions Permalink
  • Avatar
    Todd Nash

    Will this work on Column Charts as well?  Tried the following modified script, but did not have success:

    widget.on("beforedatapointtooltip", function (se, args){

    var color = 'BLACK'; //change to color you want

    $('.column-tooltip-value, .column-tooltip-percentage').css('color',color)

    });

    0
    Comment actions Permalink
  • Avatar
    Jessica Orlando

    Along with formatting the Pie Chart font labels, is there a way to wrap the text of the label or change the font size? My labels get cut off when I print to PDF

    0
    Comment actions Permalink

Please sign in to leave a comment.