Search the Community

FusionCharts.ready(function () { var myChart = new FusionCharts({ type: "angulargauge", renderAt: "refgauge", width: "100%", height: "350", dataFormat: "json", "dataSource": {"chart":{"caption":"Elecon Motor Speed","subCaption":"Current Speed","lowerlimit":"0","upperlimit":"300","showvalue":"1","theme":"fusion"},"colorrange": {"color": [{ "minvalue":"0","maxvalue":"100","code":"#FFC533"},{"minvalue":"100","maxvalue":"200","code":"#62B58F"},{"minvalue":"200","maxvalue":"300","code":"#F2726F"}]}, "dials": {"dial": [{"value":"","tooltext":"Speed: <b>$datavalue</b>"}]},"trendpoints": {"point": [{ "startvalue":"125","displayvalue":"Eco","thickness":"2","color":"#E15A26","usemarker":"1","markerbordercolor":"#E15A26","markertooltext":"Eco Speed"}]}}, events: { 'beforeRender': function (evt, args) { var score = document.createElement('div'); score.setAttribute('id', 'score-detail'); args.container.parentNode.insertBefore(score, args.container.nextSibling); }, "rendered": function (evtObj, argObj) { evtObj.sender.intervalVar = setInterval(function () { var chartIns = evtObj.sender; chartIns.feedData("value=" + datavalue); }, 300); }, "realtimeUpdateComplete": function (evtObj, argObj) { var updtObj = argObj && argObj.updateObject, values = updtObj && updtObj.values, updtValStr = values && values[0], updtVal = updtValStr && parseFloat(updtValStr).toFixed(0), divToUpdate = document.getElementById("score-detail"); }, "disposed": function (evtObj, argObj) { clearInterval(evtObj.sender.intervalVar); } } }); myChart.render(); }); i am updating value from the code behind page of asp.net the updated value displays and the chart reflects the change in value but the theme is not rendered with the chart. and the problem in only in chrome browser.