Consuming WCF with an Area Chart througth a sql database

1 posts, 0 answers
  1. David
    David avatar
    12 posts
    Member since:
    Nov 2012

    Posted 15 Nov 2012 Link to this post

    i need help with this, im trying to make a area char with sources coming of a sql database y have a wcf service,  and the chart dont show me nothing

    <div id="GAreaCPagos" runat="server">
            <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
            </telerik:RadScriptManager>
        </div>
        <script type="text/jscript">


            function graficaCPagos() {

                $("#GAreaCPagos").kendoChart({
                    theme: $(document).data("kendoSkin") || "default",
                    dataSource: {
                        schema: {
                            data: "d", 
                            model: { 
                                fields: {
                                    IDPAGOS: { type: "number" },
                                    CANTPAGOS: { type: "number" }
                                }
                            }
                        },


                        transport: {


                            read: {
                                url: "ServicePagos.svc/ObtenerPagos",
                                contentType: "application/json; charset=utf-8", 
                                type: "POST" 
                            }
                        }
                    },


                    title: {
                        text: "Cantidad de Pagos",
                        color: "#848484"
                    },


                    legend: {
                        visible: true
                    },


                    seriesDefaults: {
                        type: "area"
                    },


                    series: [{ field: "CANTPAGOS"}],
                    valueAxis: {
                        labels: {
                            format: "{0}"
                        }
                    },


                    categoryAxis: {
                        field: "IDPAGOS"
                    },
                    tooltip: {
                        visible: true,
                        format: "{0} Id"
                    }
                });
            }

            $(document).ready(function () { var x = 0; graficaCPagos(); })
            
            
        </script>

    help me please
Back to Top