Pie Label Format for Zip Codes

• April 3, 2021 at 6:17 pm #33839
  
  jimginn

  Anyway to force zero leading labels on a pie chart.

  This example –

  https://www.bankdeposits.com/canvas-zip

  so

  8223 -> 08223
  8230 -> 08230
  8244 -> 08244
  8226 -> 08226

  ?

  April 5, 2021 at 11:11 pm #33868
  
  Shashi Ranjan

  @jimginn,

  Since you are trying to use two values(y-value & label) in indexLabel, using indexLabelFormatter and formatNumber method to customize each of the values before displaying them as indexLabel should work fine. The code snippet below shows how you can achieve the same:

  indexLabelFormatter: function(e){
        return CanvasJS.formatNumber(e.dataPoint.label, "0####") + " (" + CanvasJS.formatNumber(e.dataPoint.y, "$#,##0.00\"\"") + ") " ;
      }

  Please take a look at this JSFiddle for a working example with sample code.

  

  —
  Shashi Ranjan
  Team CanvasJS

  April 6, 2021 at 1:10 am #33870
  
  jimginn

  Shashi,

  Thanks & Better e.g –

  https://www.bankdeposits.com/canvas-zip

  however, function/fix to fix the label on ‘onHover’ over pie section?

  Jim

  April 6, 2021 at 6:51 pm #33877
  
  Adithya Menon

  @jimginn,

  By using toolTipContent property, you can customize both the (y-value & label) values displayed in the toolTip. The code snippet below shows how you can achieve the same:

  toolTipContent: "<span style='\"'color: {color};'\"'>0{label}</span>: {y}"

  Please take a look at this JSFiddle for an example adding custom toolTip Content.

  

  —
  Adithya Menon
  Team CanvasJS