jorgerm

Members
  • Content count

    8
  • Joined

  • Last visited

Posts posted by jorgerm


  1. 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. 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


  3. 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

    %>


  4. 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

     

     

     


  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>