jorgerm

chart type not suported

Recommended Posts

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

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

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now