Search the Community
Showing results for tags 'widget'.
Found 2 results
-
Hi, I am first trying this as a basic way following the chart example and tutorial but it's not working at all. Debug gives no good reason as well. <html> <head> <title>My first gauge using FusionWidgets XT</title> <script type="text/javascript" src="fusioncharts/js/fusioncharts.js"></script> <script type="text/javascript" src="fusioncharts/js/fusioncharts.widgets.js"></script> <script type="text/javascript" src="fusioncharts/js/themes/fusioncharts.theme.fint.js"></script> <script type="text/javascript"> FusionCharts.ready(function () { var csatGauge = new FusionCharts({ "type": "vled", "renderAt": "chart-container", "width": "400", "height": "250", "dataFormat": "json", "dataSource": { { "chart": { "upperlimit": "100", "lowerlimit": "0", "numbersuffix": "%", "majortmnumber": "11", "majortmcolor": "646F8F", "majortmheight": "9", "minortmnumber": "2", "minortmcolor": "646F8F", "minortmheight": "3", "majortmthickness": "1", "decimalprecision": "0", "ledgap": "0", "ledsize": "1", "ledborderthickness": "4" }, "colorrange": { "color": [ { "minvalue": "0", "maxvalue": "30", "code": "cf0000" }, { "minvalue": "30", "maxvalue": "60", "code": "ffcc33" }, { "minvalue": "60", "maxvalue": "100", "code": "99cc00" } ] }, "value": "95" } } }); csatGauge.render(); }); </script> </head> <body> <div id="chart-container">An angular guage will load here!</div> </body> </html>
-
I'm trying to implement a simple Thermometer Widget. I have referenced the fusioncharts.widgets.js in my html page and have the code to generate the chart as following. I have made sure that the XML is there at the specified relative location. Am I missing somethig here? I don't get any error message. If I add the reference to FusionCharts.js file, then I get the chart type not supported message. Please assist!! Thanks <div id="PC_pnlChart"> <script type="text/javascript"> FusionCharts.ready(function () { var myChart = new FusionCharts({ "type": "thermometer", "renderAt": "PC_pnlChart", "width": "500", "height": "300" }); myChart.setXMLUrl("../ChartXML/thermo.xml"); myChart.render(); }); </script> </div>