Sonntag, Juli 5, 2020

JqPlot : Legen Sie ein fix-height-Wert für den Grafik-Bereich nicht inklusive y-axe Etiketten

Ich bin mit JqPlot.

Diagramm Höhe ist abhängig von der Höhe des umgebenden Containers oder die Standard-JqPlot Wert.

Mein problem ist, dass, wenn die y-label ist sehr lang, die Grafik die Größe reduziert wird, um fit in den Haupt-container.

Ist es möglich einen fix-Wert für den graph die Höhe ist nicht abhängig von der label-text Länge?

Mein Bedürfnis : ich möchte zeigen immer das gleiche Diagramm Höhe (400px zum Beispiel) nicht in Abhängigkeit von der y-label-text Länge

Hier ist ein Bild darstellen, mein problem:

JqPlot : Legen Sie ein fix-height-Wert für den Grafik-Bereich nicht inklusive y-axe Etiketten
JqPlot : Legen Sie ein fix-height-Wert für den Grafik-Bereich nicht inklusive y-axe Etiketten

  • Was Sie wollen, sind zu tun: erweitern Sie den Graphen der Höhe, oder verkürzen Sie das Etikett. Es würde scheinen, das sind die einzigen zwei Möglichkeiten, wenn ich understnad, was du sagst.
  • Ich möchte zeigen immer das gleiche Diagramm Höhe (400px zum Beispiel) nicht in Abhängigkeit von der y-label-text Länge
InformationsquelleAutor sdespont | 2012-06-27

1 Kommentar

  1. 11

    Einzige, was mir in den Sinn kommt, ist etwas entlang diesen Linien in dieser Probe.

    Nach dem Aufruf von paint das Grundstück, rufen Sie den folgenden code, um die aktuelle Handlung der Größe und passen Sie diese entsprechend, indem die Größe genommen, die durch die umgebenden divs (also Titel & äxte).

    Im Ergebnis, was Sie für die Größe des Diagramms in CSS wird der grafische Teil des Diagramms, so wie Sie es wollen.

    var w = parseInt($(".jqplot-yaxis").width(), 10) + parseInt($("#chart").width(), 10);
    var h = parseInt($(".jqplot-title").height(), 10) + parseInt($(".jqplot-xaxis").height(), 10) + parseInt($("#chart").height(), 10);
    $("#chart").width(w).height(h);
    plot.replot();
    • Einfach genial!
    • Wenn Sie nicht speichern Sie die ‚plot‘ variable können Sie auch tun: $(„#chart“).Daten(„jqplot“).replot();

Kostenlose Online-Tests