jorgerm

Members
  • Content count

    8
  • Joined

  • Last visited

Everything posted by jorgerm

  1. Tick Values in HLinearGauge

    Good morning to all. In a graph of type HLinearGauge I have the following color Range: colorRange: { color: [{minValue: '0', maxValue: '75', code: '# 6baa01', label: ''}, {minValue: '75', maxValue: '90', code: '# f8bd19', label: ''}, {minValue: '90', maxValue: '100', code: '# e44a00', label: ''}] and I need only the following TicksMarks and TicksValue to appear: 0, 75, 90 and 100 It can? Thanksss
  2. I have the same code in WS2003 and WS2012. In WS2003, always update the value in real time. In WS2012 it only updates once and never again. Can someone help me to know why? The code is the following: Real Time Code <% Randomize %> &value=<% response.write(Int((3000)*Rnd+1))%> Drawing HLinearGauge.swf code <!-- #include virtual="FusionCharts/FusionCharts.asp" --> <html> <head> <title>Tablero de Control de <%=DescripcionTom%></title> <script type="text/JavaScript" src="FusionMaps/FusionMaps.js"></script> <script type="text/javascript" src="FusionCharts/FusionCharts.js"></script> </head> <body> <table width="100%" height="100%" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000"> <tr> <td height="150"><% Call getGR_RT_CantMsgEncoladosAlerta( "MsgsEncoladosAlerta",TomId,5, "150",1 ) %></td> </tr> </table> </body> </html> <% Function getXML_RT_CantMsgEncoladosAlerta( IdTom, IntervaloRefresco, VerValorTiempoReal ) 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='jrmrt.asp' refreshinterval='10' >" 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='2250' />" 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 %>
  3. Hi I downloaded the latest trial version, to test my code. but it does not work. Draw the graph but never update the value. My code is: <html> <head> <script type="text/javascript" src="/fusion2/js/fusioncharts.js"></script> <script type="text/javascript"><!-- FusionCharts.ready(function(){ var fusioncharts = new FusionCharts({ type: 'hlineargauge', renderAt: 'chartContainer', width: '100%', height: '250', dataFormat: 'json', id: 'jrm', dataStreamURL: 'jrmrt2.asp', refreshInterval: '2', dataSource: { "chart": { "theme": "fint", "caption": "Server CPU Utilization", "captionPadding": "0", "numberSuffix": "%", "valueFontSize": "11", "valueFontBold": "0", "chartBottomMargin": "20", "basefontcolor":"#ffffff", "pointerbgcolor": "#000000", "pointerbgalpha": "50", "gaugeFillMix": "{light-10},{light-70},{dark-10}", "gaugeFillRatio": "40,20,40" }, "colorRange": { "color": [ { "minValue": "0", "maxValue": "35", "code": "#6baa01" }, { "minValue": "35", "maxValue": "70", "code": "#f8bd19" }, { "minValue": "70", "maxValue": "100", "label": "Posibles Demoras2", "code": "#e44a00" } ] }, "pointers": { "pointer": [ { "borderColor": "#333333", "borderThickness": "2", "borderAlpha": "60", "bgColor": "#0075c2", "bgAlpha": "75", "radius": "6", "sides": "4", "value": "75" } ] } } }); fusioncharts.render(); }); // --> </script> </head> <body> <table width="100%" height="100%" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000"> <tr><td><div id="chartContainer">FusionCharts XT will load here!</div></td></tr> </table> </body> </body> </html> And my real time code is: jrmrt2.asp &value=25 Also replace the fusioncharts.js with the following include: <script type = "text / javascript" src = "http://static.fusioncharts.com/code/latest/fusioncharts.js"> </ script> and it does not work either
  4. Can I transform realtime value before using it? I have a web service that returns a value in XML format. And I want to use a HLinearGauge graphic to consume it. Can I transform the xml value of the web service from fusioncharts? or do I need to recover the value on my own and then pass it to the HLinearGauge object? Regardsss
  5. 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>
  6. chart type not suported

    Ready. Copy the file "FusionCharts.HC.Widgets.js" to the FusionCharts folder and go I dont know why, but .......... Regardsssssss
  7. chart type not suported

    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