JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://prerelease.componentone.com/wijmo5/latest/styles/wijmo.min.css">
<script src="http://prerelease.componentone.com/wijmo5/latest/controls/wijmo.min.js"></script>
<script src="http://cdn.wijmo.com/5.20173.380/controls/wijmo.chart.min.js"></script>

 <div >
 <button onclick="changeCulture()">
 Change Negative Currency
 </button>
 <p id="rt">
 
 </p>
 </div>

JavaScript

$(document).ready(function () {
           setText();
        });
        function setText(){
        	 var val1=12345.567;
           var val2 = -val1;
           var text= "Negative Number: "+(wijmo.Globalize.formatNumber(val2,"n2"))+"<br>";
           text+="Negative Currency: "+(wijmo.Globalize.formatNumber(val2,"c2"));
           $("#rt").html(text);
        }
        function changeCulture(){
        	wijmo.culture.Globalize.numberFormat.currency.pattern[0]="-$n";
          setText();
        }