JQPlot xếp chồng lên nhau mỗi nhãn xếp chồng lên nhau thay vì tích lũy (gia tăng) đếm

Question

Tôi muốn hiển thị văn bản nhãn thay cho tổng số phân đoạn cho mỗi nhãn.

Giống như, 2, 7, 14 phải nằm trong thanh xếp chồng lên nhau với 2, 7, 14 và sau đó là tổng số là 23. Nhưng hiện tại trong exmaple nó được hiển thị tổng số phân đoạn - thanh đầu tiên là trống rỗng và sau đó 2, 2 + 7 = 9, và tổng = 23 (9 + 14).

JQ Lô chương trình (cột biểu đồ hình cột xếp chồng lên nhau - 3 đồ thị): http://www.jqplot.com/tests/bar-charts.php

tôi muốn như url này như highchart cho nhãn đếm xem ví dụ: http://www.highcharts.com/demo/column-stacked

Xin vui lòng cho tôi biết nếu tôi có thể đi với giải pháp sau đó nó sẽ là tuyệt vời giúp đỡ ...

Answer 1

Tôi có giải pháp cho nó vì dường như độc lập với giá trị của tham số stackedValue giá trị của các thanh xếp chồng lên nhau luôn được tóm tắt.

Giải pháp của tôi cho vấn đề này liên quan đến:

• thêm của thêm một loạt phục vụ như là tổng, các giá trị bạn điền vào nó với đều như nhau (ví dụ 3) như vai trò duy nhất của họ là vị trí nhãn,

• làm series cuối cùng (5) vô hình và cái bóng của nó gần như trong suốt,

• và sử dụng các nhãn trên mỗi loạt trực tiếp thay vì để kịch bản quyết định những gì để đặt ở đó, nếu không nó wou ld rõ ràng tổng hợp các giá trị.

My solution could be found here.

---

EDIT

I have recently spotted that there already was a solution for this problem available here.

Answer 2

Để hiển thị các giá trị bên trong thanh chỉ sửa đổi thuộc tính css .jqplot-point-label trên trang địa phương, thao tác này trong trang demo JQPlot:

.jqplot-point-label { 
     font-size:.75em; 
     z-index: 2; 
     /* Add some margin to get values into the bar */ 
     margin-top: 24px; 
} 

Bạn cũng có thể thử PointLabel thuộc tính như ypadding để có cách tiếp cận lịch sự hơn. Để biết các tính năng tổng, hãy tham khảo solved thread này.

Answer 3

Về vấn đề tổng kết: Bạn đã gặp lỗi jqplot.

Nếu bạn sẽ mở jqplot.pointLabels.js, hãy nhìn vào mã bắt đầu từ khoảng dòng 172/173:

var d = this._plotData; 

Nếu bạn sẽ cập nhật nó để đọc

var d = this._plotData; 
if (p.stackSeries) { 
    var d = this.data; 
} 

khi bạn gọi biểu đồ, sử dụng một cái gì đó tương tự như sau trong các tùy chọn hàng loạt của bạn:

pointLabels: { show: true, stackedValue: false, stackSeries: true } 

bạn sẽ có thể sử dụng Poi Thuộc tính ntLabels stackedValue để tắt tổng hợp xếp chồng.

Bản sửa lỗi cho lỗi xếp chồng lên nhau được chi tiết here.

jmva đã trả lời câu hỏi của bạn về vị trí nhãn.

Answer 4

giải pháp của Boro làm việc cho tôi, tuy nhiên, nếu bạn cần truyền thuyết, bạn sẽ có một mục ở những huyền thoại đó có thể không phải là những gì bạn mong đợi. Tôi đã sử dụng giải pháp của Boro và có truyền thuyết độc lập với đối tượng jqplot.