Negative Currency formatter- CanvasJS

Negative Currency formatter

by canvasjs

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<br/><!-- Just so that JSFiddle's Result label doesn't overlap the Chart -->
<div id="chartContainer" style="height: 360px; width: 100%;"></div>

JavaScript

var chart = new CanvasJS.Chart("chartContainer",
	{
		title: {
			text: "Using formatNumber Function"
		},
    
		axisY: {
			labelFormatter: function (e) {
             return currencyConverter("£", "#,##0.##", e.value);
			},
		},
		data: [
		{
			type: "column",
      indexLabelFormatter: function (e){
      		return currencyConverter("£", "#,##0.##", e.dataPoint.y);
      },
      
			dataPoints: [
				{ y: 48 },
				{ y: 75 },
				{ y: 65 },
				{ y: 90 },
				{ y: 55 },
				{ y: 126 },
				{ y: -30},
			]
		}
		]                       
	});
  
  //Currency Converter function for handling negative values of value format string
  function currencyConverter(currency, valueFormatString,  value){
  
    if(value < 0)
				return "-" + currency + CanvasJS.formatNumber(-value, valueFormatString);
    else
        return currency + CanvasJS.formatNumber(value, valueFormatString);
        
  }
  
	chart.render();