Frage

Ich bin mit dem nachfolgenden Code und erhalte ein leeres Diagramm mit Flot / jQuery. Im Idealfall nach dem, was ich bin, ist ein Balkendiagramm der Daten. Ich schaute und sah dies ohne Freude - hat jemand irgendwelche Ideen

<div id="user_breakdown_placeholder" style="width:300px;height:300px"></div>

<script>
    $(function () {
        var d = [["Unassigned", 310],["Maynard Schumm", 274]];
            var options = {};
        $.plot($("#user_breakdown_placeholder"), d, options);
    });

</script>
War es hilfreich?

Lösung

Die aktuelle Version von flicht (v. 0.6) unterstützt Balkendiagramme. Hier ist ein Beispiel rel="nofollow. In Ihrem Grundstück () Funktion, man muss nur gesagt:

bars: { show: true}

Andere Tipps

Eine alte Frage, aber ich glaube nicht, es beantwortet wurde. Gemäß der Flot API-Dokumentation:

  

Man beachte, dass die interne Logik in Flot sowohl die x und y zu vereinfachen   Werte müssen Zahlen sein ... Wenn Sie mysteriöse Fehler sind immer doppelt   Sie sicher, dass Sie Zahlen und keine Strings sind eingegeben werden.

Wenn die oben genannten Fall, dass Sie Zeichenfolgen in Ihrer Daten verwenden (zum Beispiel [ „nicht zugeordnet“, 310]), die nicht zur Arbeit gehen die Dokumentation nach.

Sie können dies tun, aber Sie müssen nur zu fälschen Ihre Daten ein wenig nach oben.

$(function () {
    var data = [[0, 310],[1,274]];
    var datasets = [ {
                 "data": data
                     }, 
                   ];
    var options = {
                   bars: {show: true},
                   yaxis: { min: 0 },
                   xaxis: { ticks:  [
                                     [0.5, "Unassigned"],
                                     [1.5, "Maynard Schumm"]
                                    ],
                          },
                  };
   $.plot($("#user_breakdown_placeholder"), datasets, options);
});

------>

alt text

Vermutlich können Sie Ihre Daten in geeigneter Weise modifizieren, bevor sie Flot vorbei.

Es gibt viele gute Beispiele für reale Anwendungen unter FlotUsage . z.B. Fedora ein paar schöne Balkendiagramme haben. Die große Sache ist, weil es JavaScript Sie Quelle und Krippe Ideen von jemandem sehen können:)

Wie Neil Middleton in seinem Kommentar sagt, hat Flot nicht Balkendiagramme unterstützen.

Vielleicht diese oder diese Plugin können Ihnen helfen?

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top