2012-06-27 14 views
8

Używam JqPlot.JqPlot: Ustaw wartość wysokości poprawki dla obszaru wykresu bez etykiet osi Y

Wysokość wykresu zależy od wysokości głównego kontenera lub domyślnej wartości JqPlot.

Mój problem polega na tym, że jeśli etykieta y jest bardzo długa, rozmiar wykresu zmniejsza się, aby zmieścił się w głównym pojemniku.

Czy można ustawić wartość poprawki dla wysokości wykresu, która nie zależy od długości tekstu etykiety?

Moje potrzeby: Chciałbym zawsze wyświetlać tę samą wysokość wykresu (400px na przykład) nie zależnie od y etykiet długości tekstu

Oto zdjęcie, aby przedstawić mój problem:

enter image description here enter image description here

+0

Co chcesz zrobić: powiększ wysokość wykresu lub skróć etykietę. Wydaje się, że to są jedyne dwa wybory, jeśli rozumiem, o czym mówisz. – Terry

+0

Chciałbym zawsze wyświetlać tę samą wysokość wykresu (np. 400px), nie zależnie od długości tekstu etykiety y – sdespont

Odpowiedz

11

Jedyne, co przychodzi mi na myśl, to coś takiego: presented in this sample.
Po wywołaniu malowania działki, zadzwoń pod poniższy kod, aby uzyskać aktualny rozmiar działki i dopasuj go niu przez dodanie rozmiaru pobranego przez otaczające elementy div (tj. tytuł & osi).
W rezultacie wszystko, co ustawisz dla rozmiaru wykresu w CSS, zostanie wykonane przez graficzną część wykresu, tak jak tego chcesz.

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(); 
+1

Po prostu genialny! – sdespont

+2

Jeśli nie zapiszesz zmiennej 'plot', możesz również wykonać: $ ("# chart") .danych ("jqplot") .repot(); –

Powiązane problemy