2013-07-22 22 views
5

Tôi đang làm việc trên sparklines bar graph. Cho đến bây giờ tôi có thể vẽ một biểu đồ hình cột đơn giản, đây là mã Jquery:Thêm huyền thoại và giá trị trục y trên biểu đồ thanh sparkline

values = [0,8, 15, 10, 50, 25, 35, 70]; 
$('.sparkline').sparkline(values, { 
    type: 'bar', 
    height: '200px', 
    barWidth: 20, 
    barSpacing: 10, 
    barColor: '#56aaff', 
    zeroColor: '#000000', 
    enableTagOptions: true, 
    tagValuesAttribute: 'data-values', 
    colorMap: ["red", "green", "blue", "yellow", "orange", "#f2f2f2", "maroon", "pink"] 

}); 

HTML

<p> 
<span class="sparkline">Loading...</span> 
</p> 

Vui lòng tham khảo mã của tôi tại JSFIDDLE.

Bây giờ tôi muốn thêm tên truyền thuyết cũng như giá trị của trục y trên mỗi thanh như được hiển thị bên dưới.

enter image description here

mặt trời, mon, tue là huyền thoại và giá trị trên màu trắng ở phía trên cùng của thanh là giá trị trục y.

Nhưng tôi không thể đạt được điều đó.

Mọi trợ giúp sẽ được đánh giá cao.

Trả lời

6

Càng tôi có thể làm được chỉ bạn Câu hỏi thường gặp Sparkline của:
http://omnipotent.net/jquery.sparkline/#s-faq

câu hỏi thường gặp

Tại sao không có trục nhãn/dấu?

Đường kẻ lửa được thiết kế đủ nhỏ để vừa với một dòng văn bản , để tạo ấn tượng nhanh về xu hướng hoặc mẫu và do đó không có đồ dùng có biểu đồ có kích thước đầy đủ. Kể từ phiên bản 2.0, bạn có thể di chuột qua các đường chói để xem dữ liệu cơ bản.

Các vấn đề liên quan