flot.js Legende und Raster-Optionen

Versuchen, eine sehr einfache flot.js Beispiel, ich habe den folgenden code zum Rendern der flot-chart. (Ich bin das weglassen aller nicht-essentiellen HTML und CSS auf Vorsatz.)

<div id="chartWrapper1">
<div id="placeholder"></div>
<div id="legendholder">Legend Container</div>
</div>

<script type="text/javascript">
$(function () {
var disk1 = [[0, 3], [4, 8], [8, 5], [9, 13]];
    $.plot($("#placeholder"), [{
      legend: { show: true, container: $('#legendholder') },
      label: "Disk 1",
      data: disk1,
      lines: { show: true, fill: true }
    }]);
});
</script>

Das Ergebnis sieht wie folgt aus:

flot.js Legende und Raster-Optionen

http://bit.ly/JTR3Bd

(StackExchange mir nicht erlauben zu posten von Bildern noch, so dass der obige link bringt Sie direkt zu einen screenshot von der Tabelle.)

Dem kleinen Teil, neben dem chart, wo es sagt die Legende, ist ein weiteres div (id="legendholder"), und das ist, wo ich will, dass die Legende zu zeigen.

Ich habe ähnliche Probleme mit grid-Optionen, und hier ist der Teil den ich nicht verstehe:

Wenn ich die option angeben, die in der JavaScript scheint nichts zu passieren. Die Legende bleibt innerhalb des Diagramms. Dann habe ich ein hard-code, der Legende Einstellungen in jquery.flot.js und alles funktioniert. Offensichtlich, dass ist ein totaler hack, aber muss jeder sehen, was mache ich hier falsch?

Ja, ich habe die API-Dokumentation, stocherte die flot.js github-Seiten, aber ich habe nicht in der Lage gewesen, um herauszufinden, was die Ursache meiner Probleme.

Jemand?

InformationsquelleAutor der Frage Ace | 2012-05-16

Schreibe einen Kommentar