jorgerm Report post Posted February 7, 2018 Hi. This problems are in ASP and ASP.NET using "jquery" Thanksssssssssssssssssssss if I use tradicional asp code, calling renderChart function, the chart draw OK Function getXML_RT_CantMsgEncoladosAlerta( IdTom, IntervaloRefresco, VerValorTiempoReal ) CantSinProcesar = oDB.getCantidadMensajesTOMSinProcesar(TomId) RT_Id = "id=MSGSINPROCESAR&Tom=" & IdTom sXml = "<chart bgcolor='#ffffff' showValue='0' showTickValues='1' showborder='0' lowerlimit='0' upperlimit='3000' numbersuffix=' MSGS' valueabovepointer='0' pointerRadius='20' showshadow='0' gaugefillmix='{light}' valuebgcolor='#ffffff' valuebgalpha='60' valuefontcolor='#000000' pointerbgcolor='#000000' pointerbgalpha='50' basefontcolor='#ffffff' dataStreamURL='"&me.DatosRT&"?"&RT_Id&"' refreshinterval='"&IntervaloRefresco&"' >" sXml = sXml & " <colorrange>" sXml = sXml & " <color minvalue='0' maxvalue='2000' label='' code='#1aaf5d' />" sXml = sXml & " <color minvalue='2000' maxvalue='2500' label='' code='#f2c500' />" sXml = sXml & " <color minvalue='2500' maxvalue='3000' label='Posibles Demoras' code='#c02d00' />" sXml = sXml & " </colorrange>" sXml = sXml & " <pointers>" sXml = sXml & " <pointer value='"&CantSinProcesar&"' />" sXml = sXml & " </pointers>" sXml = sXml & "</chart>" getXML_RT_CantMsgEncoladosAlerta = sXml End Function Function getGR_RT_CantMsgEncoladosAlerta( IdDiv, IdTom, IntervaloRefresco, Altura, VerValorTiempoReal ) sXML = me.getXML_RT_CantMsgEncoladosAlerta(IdTom, IntervaloRefresco,VerValorTiempoReal ) Call renderChart("/FusionWidgets/HLinearGauge.swf", "", sXML, IdDiv, "100%", Altura, False, True) End Function If I use jquery i cant draw hlineargauge chart. this is my code: The chart pie2d is OK But Icant draw the chart hlineargauge. The error is "Chart type not suported". <!-- #include virtual="/FusionCharts/FusionCharts.asp" --> <html> <head> <title>My First chart using FusionCharts XT</title> <link rel="stylesheet" type="text/css" href="/jquery_easyui/themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="/jquery_easyui/themes/icon.css"> <script type="text/javascript" src="/FusionCharts/FusionCharts.js"></script> <script type="text/javascript" src="/FusionCharts/jquery.min.js"></script> <script type="text/javascript" src="/FusionCharts/FusionCharts.jqueryplugin.js"></script> </head> <body> <div id="chartContainer">FusionCharts XT will load here!</div> <div id="chartContainer2">FusionCharts XT will load here!</div> <script type="text/javascript"><!-- $(document).ready(function(){ $('#chartContainer').insertFusionCharts({ type: 'pie2d', width: '450', height: '300', dataFormat: 'json', dataSource: { "chart": { "caption": "Split of revenue by product categories", "subCaption": "Last year", "numberPrefix": "$", "showPercentInTooltip": "0", "decimals": "1", "useDataPlotColorForLabels": "1", "theme": "fint" }, "data": [ { "label": "Food", "value": "285040" }, { "label": "Apparels", "value": "146330" }, { "label": "Electronics", "value": "105070" }, { "label": "Household", "value": "49100" } ] } }); $('#chartContainer2').insertFusionCharts({ type: 'hlineargauge', width: '400', height: '150', dataFormat: 'json', dataSource: { "chart": { "theme": "fint", "caption": "Server CPU Utilization", "captionPadding": "0", "numberSuffix": "%", "valueFontSize": "11", "valueFontBold": "0", "chartBottomMargin": "20", "gaugeFillMix": "{light-10},{light-70},{dark-10}", "gaugeFillRatio": "40,20,40" }, "colorRange": { "color": [ { "minValue": "0", "maxValue": "35", "label": "Low", "code": "#6baa01" }, { "minValue": "35", "maxValue": "70", "label": "Moderate", "code": "#f8bd19" }, { "minValue": "70", "maxValue": "100", "label": "High", "code": "#e44a00" } ] }, "pointers": { "pointer": [ { "borderColor": "#333333", "borderThickness": "2", "borderAlpha": "60", "bgColor": "#0075c2", "bgAlpha": "75", "radius": "6", "sides": "4", "value": "75" } ] } } }); }); // --> </script> </body> </html> Share this post Link to post Share on other sites
soumya Report post Posted February 8, 2018 Hi, Thanks for getting in touch. FusionCharts supports official ASP.NET wrapper for rendering FusionCharts supported charts in ASP.NET environment also FusionCharts support official jQuery helper for rendering FusionCharts using jQuery syntax. For further reference regarding FusionCharts jQuery helper please visit https://www.fusioncharts.com/dev/using-with-javascript-libraries/jquery/introduction.html For further reference regarding FusionCharts official ASP.NET wrapper please visit https://www.fusioncharts.com/dev/using-with-server-side-languages/asp-net/introduction.html According to your implementation, we would like to suggest either FusionCharts supported ASP.NET wrapper or jQuery helper could be implemented. Also check the xml you are creating is in FusionCharts prescribed xml format for reference please visit our tutorial link. https://www.fusioncharts.com/blog/rendering-fusioncharts-vb-net-using-database/ Thanks Share this post Link to post Share on other sites
jorgerm Report post Posted February 8, 2018 Hi. First of all thank you very much for answering me. I have truly used the example on the following page: https://www.fusioncharts.com/dev/using-with-javascript-libraries/jquery/rendering-charts-using-jquery.html I have imported the jquery.min.js as the first step <script type="text/javascript" src="/jquery_easyui/jquery.min.js"></script> <script type="text/javascript" src="/jquery_easyui/jquery.easyui.min.js"></script> <script type="text/javascript" src="/FusionCharts/FusionCharts.js"></script> <script type="text/javascript" src="/FusionCharts/jquery.min.js"></script> <script type="text/javascript" src="/FusionCharts/FusionCharts.jqueryplugin.js"></script> but if I use hlineargauge chart, the error is "Chart type not suported", and I can not make it work Can you help me? Regardsssssssssss Share this post Link to post Share on other sites
jorgerm Report post Posted February 8, 2018 Ready. Copy the file "FusionCharts.HC.Widgets.js" to the FusionCharts folder and go I dont know why, but .......... Regardsssssss Share this post Link to post Share on other sites
soumya Report post Posted February 9, 2018 Hi, You are using an older version of FusionCharts. Please upgrade to the latest version of FusionCharts and check. You could download the latest evaluation version of FusionCharts from https://www.fusioncharts.com/download/ Also, check the sample fiddle http://jsfiddle.net/wncpkbk9/9/ using FusionCharts jQuery helper for further reference. Thanks Share this post Link to post Share on other sites
