jqplot camembert pas rendu correctement.

Obtenir le message du journal: Diamètre de la tarte trop petite, pas de rendu.

Ensuite, il semble que lorsque j'ai passez la souris ou cliquez à l'intérieur de la page j'obtiens: Uncaught TypeError: Cannot read property '0' undefined

    <link href="/Content/jqPlot/jquery.jqplot.css" rel="stylesheet" type="text/css" />
    <script src="/Scripts/jquery.jqplot.js" type="text/javascript"></script>
    <script src="/Scripts/jqplot.pieRenderer.js" type="text/javascript"></script>

    <script type="text/javascript">
        $(function () {
            //GetWeeklyProjectSummary();
            Test();
        });

        function Test() {
            var data = [["987 Project",74],["ABC Project",68],["XYZ project",26]];
            var plot1 = jQuery.jqplot('weeklyProjectSummary', [data],
                {
                    seriesDefaults: {
                        //Make this a pie chart.
                        renderer: jQuery.jqplot.PieRenderer,
                        rendererOptions: {
                            //Put data labels on the pie slices.
                            //By default, labels show the percentage of the slice.
                            showDataLabels: true
                        }
                    },
                    legend: { show: true, location: 'e' }
                }
              );
        }
    </script>

Voici la div sa va dans:

<div id="weeklyProjectSummary"></div>

Voici ce que j'obtiens sur la page: jqplot camembert pas rendu correctement.

Laissez-moi savoir si vous avez besoin de plus de détails.

OriginalL'auteur Justin | 2011-07-28

  1. 11

    J'ai eu le même problème lors de l'utilisation de jqplot avec blueprintcss - en fonction de votre capture d'écran, je crois que vous êtes en utilisant blueprintcss.

    Essayez de supprimer la ligne suivante:

    legend: { show: true, location: 'e' }

    et voir si il s'affiche correctement.

    (Edit: Plus d'informations ici:

    https://bitbucket.org/cleonello/jqplot/issue/48/legends-doesnt-look-nice-when-using)

    cela a fonctionné, mais comment puis-je obtenir la légende?
    bah, lisez le lien!
    Tout est bon, merci.
    Salut,je m "Uncaught TypeError: Cannot read property 'PieRenderer' undefined" cette question peut-u s'il vous plaît, aidez-moi. j'ai ajouté à chaque chose.

    OriginalL'auteur otso

  2. 3

    J'ai ajouté la ligne suivante dans mon fichier CSS:

    .jqplot-table-legend { width: auto; }

    à la surcharge des propriétés de la jqplot fichier css.

    A fonctionné pour moi.

    Cela résout la même erreur avec la Fondation CSS sur le site.

    OriginalL'auteur Fazhom Arnaud

  3. 0

    Votre JQPlot définition du diagramme semble correcte. La tarte s'affiche correctement sur mon écran.

    Je ne vois pas jquery.js ou jquery.min.js inclus. Pouvez-vous confirmer que vous avez une référence à ce fichier dans votre code?

    En outre, vérifiez que tous vos js/css fichiers sont correctement référencé (vous pouvez utiliser le JSView Extension Firefox rapidement confirmer qu'ils sont en effet inclus).

    OriginalL'auteur user635090

  4. 0

    Inclure canvas.min.js. Vous pouvez le trouver dans les exemples de téléchargements. Il a travaillé pour moi avec la légende.

    OriginalL'auteur Kurkula

  5. 0

    J'ai juste envie de prolonger la réponse de Amaud T:

    J'ai connu le même problème et j'ai utilisé la réponse ci-dessus, avec quelques petites modifications:

    <style type="text/css">
    #chartComponentId table.jqplot-table-legend { width: auto !important;}
</style>
<div id="chartComponentId" class="chartComponent">
...
</div>

    En raison de la nécessité de l'utilisation !important, la liaison de cette feuille de style sur un particulier div objets empêche des effets secondaires à d'autres éléments.

    OriginalL'auteur reporter