Intégrer le plugin jQuery à la firebase database

Ce plugin fonctionne bien pour les valeurs statiques. Mais je veux utiliser les valeurs de la firebase database. C’est un graphique en 3D. J’ai tout essayé, mais je n’ai trouvé aucune solution. C’est très urgent pour moi. Alors aidez-moi. J’ai essayé diverses choses. Recherche tous les sites possibles qui pourraient expliquer cela. Mais rien n’a aidé pour l’instant. Même recherché sur le site Web qui fait ce genre de plugins mais aucune documentation appropriée n’a été trouvée sur ceci. Cela intéressera également les autres développeurs qui souhaitent intégrer un plugin jQuery à leur firebase database.

   Highcharts Example  var mysuperdata= null; jQuery.ajax({ url: url: "Default2.aspx/GetData", contentType: "application/json; charset=utf-8", data: { "param1": p1, "inicialDate": inicialDate, "finalDate": finalDate }, dataType: "jsonp", success: function (d) { mysuperdata = d } });    $(function () { var chart; $(document).ready(function () { chart = new Highcharts.Chart({ chart: { renderTo: 'container', plotBackgroundColor: null, plotBorderWidth: null, plotShadow: false }, title: { text: 'Browser market shares at a specific website, 2010' }, tooltip: { pointFormat: '{series.name}: {point.percentage}%', percentageDecimals: 1 }, plotOptions: { pie: { allowPointSelect: true, cursor: 'pointer', dataLabels: { enabled: true, color: '#000000', connectorColor: '#000000', formatter: function () { return '' + this.point.name + ': ' + this.percentage + ' %'; } } } }, series: [{ type: 'pie', name: 'Browser share', data: mysuperdata }] }); }); });      
   using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.Services; using System.Web.Script.Services; public partial class Default2 : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } [WebMethod] [ScriptMethod(ResponseFormat = ResponseFormat.Json, XmlSerializeSsortingng = false)] public static Array GetData() { return new Dictionary() { { "Firefox", 45 }, { "IE", 24.8 }, { "Chrome", 12.8 }, { "Safari", 8.5 }, { "Opera", 5.2 }, { "Outros", 3.7 }, }.ToArray(); } }

J’ai édité le code adriano mais cela ne fonctionne toujours pas. Cela montre une page blanche. Je ne sais pas quoi faire maintenant. Peut-être que vous pouvez copier et coller mon code dans votre Visual Studio et voir ce qui ne va pas. Les amis aident. Je vais vous donner ma prime tout de suite. Je veux juste un moyen de faire ça

Si vous ne voulez pas faire appel à ajax / json, vous pouvez suivre ma méthode pour écrire la fonction jquery de manière dynamic, puis pour l’enregistrer via startupscript. voici le code ..

 void loadchart() { DateTime strat = DateTime.Parse(DropDownList1.SelectedValue); int day = strat.Day; int tosub = day - 1; strat = strat.AddDays((0 - tosub)); DateTime edate = strat.AddMonths(1); edate = edate.AddDays(-1); double tot = 0; ssortingng jq = ""; ScriptManager.RegisterStartupScript(this, this.GetType(), "bgh", jq, false);

J'espère que cette méthode sale aide.

C’est difficile à expliquer, mais nous utilisons ici des tableaux de grand format et des données de charge de la firebase database.

Tout d’abord, vous devez savoir utiliser jQuery pour envoyer un appel à une méthode Web utilisant JSON. Si vous utilisez c #, cela ressemblera probablement à ceci:

Javascript:

 var mysuperdata= null; jQuery.ajax({ url: url: "Data.aspx/GetData", contentType: "application/json; charset=utf-8", data: { }, dataType: "jsonp", success: function (d) { mysuperdata = d } });

Dans cet exemple, vous accédez à la page Data.aspx exécutant la méthode GetData sans transmettre de paramètre. Mais vous pouvez passer des parameters.

C #:

 [WebMethod] [ScriptMethod(ResponseFormat = ResponseFormat.Json, XmlSerializeSsortingng = false)] public static Array GetData() { return new Dictionary() { { "Firefox", 45 }, { "IE", 24.8 }, { "Chrome", 12.8 }, { "Safari", 8.5 }, { "Opera", 5.2 }, { "Outros", 3.7 }, }.ToArray(); }

Maintenant nous soaps obtenir des données! Une chose importante ces données sont vos données de série sur les chats, vous envoyez ce Json:

  [ ['Firefox', 45.0], ['IE', 26.8], { name: 'Chrome', y: 12.8, sliced: true, selected: true }, ['Safari', 8.5], ['Opera', 6.2], ['Others', 0.7] ]

Votre C # doit retourner un tableau comme cet object, il est facile de monter avec C #.

Enfin, vous avez votre graphique:

  $(function () { var chart; $(document).ready(function () { chart = new Highcharts.Chart({ chart: { renderTo: 'container', plotBackgroundColor: null, plotBorderWidth: null, plotShadow: false }, title: { text: 'Browser market shares at a specific website, 2010' }, tooltip: { pointFormat: '{series.name}: {point.percentage}%', percentageDecimals: 1 }, plotOptions: { pie: { allowPointSelect: true, cursor: 'pointer', dataLabels: { enabled: true, color: '#000000', connectorColor: '#000000', formatter: function () { return '' + this.point.name + ': ' + this.percentage + ' %'; } } } }, series: [{ type: 'pie', name: 'Browser share', data: mysuperdata }] }); }); });

Bien sûr, vous pouvez renvoyer plus de 1, votre graphique est en 3D, probablement plus complexe. Encore une fois, ceci explique simplement comment vous pouvez obtenir les données de la firebase database et les insérer dans votre graphique … Veuillez essayer de résoudre vos problèmes!

Vous devez envoyer une autre demande AJAX au serveur et un script serveur pour obtenir les valeurs de la firebase database et revenir à votre méthode AJAX. Ensuite, vous devriez passer ces valeurs dans votre module pour construire un diagramme.