2013-05-21 23 views
5

Tôi cần phải thêm một chuỗi mới vào biểu đồ này, điều này sẽ cho phép tôi đánh dấu/tô bóng một phạm vi ngày cụ thể. Nó cần phải là 100% chiều cao của biểu đồ.Highcharts - Phạm vi ngày nổi bật/bóng râm

Tôi đã xem xét sử dụng một chuỗi khu vực khác, nhưng tôi không thể làm việc đó theo ý muốn vì tôi có hai chuỗi khu vực hiện có trên biểu đồ này.

Tôi nghĩ một chuỗi khác có 1 hoặc 0 cho điểm cụ thể để cho biết liệu nó có được đánh dấu hay không?

{name: 'mydates', 
    color:'red', 
    fillOpacity: 0.3, 
    data: [0, 0, 0,1,1,1,1, 1, 1,1,0,0], 
    type:'area', 
    stacking: 'percent' 
}, 

http://jsfiddle.net/L3ynM/

Vấn đề với mẫu của tôi:

  • Loạt 'mydates' không mất 100% chiều cao của biểu đồ
  • Nếu series 'mydates' bắt đầu midchart , nó bắt đầu với một góc. Tôi muốn nó đi thẳng lên
+4

Bạn đã thử một cốt truyện chưa? http://api.highcharts.com/highcharts#xAxis.plotBands Hay nó cần phải là một chuỗi với một mục nhập huyền thoại? – jlbriggs

Trả lời

10

Trừ khi bạn thực sự cần sự xâm nhập huyền thoại, tôi sẽ khuyên bạn sử dụng plotBands thay

http://api.highcharts.com/highcharts#xAxis.plotBands

Bạn cũng có thể làm điều đó như thế này, nếu bạn làm thực sự cần truyền thuyết:

http://jsfiddle.net/jlbriggs/JVNjs/305/

data:[[1.5,0],[1.5,80],[2.25,80],[2.25,0]] 

Nó dựa vào pa rt trên thiết lập một min và max, và sử dụng các giá trị min và max như các điểm dữ liệu y của bạn.

+1

Tôi không chắc chắn bằng cách sử dụng phương pháp thứ hai sẽ hoạt động như tôi đã có các khu vực xếp chồng lên nhau trong biểu đồ của mình. Phương pháp cốt truyện là hoàn hảo, cảm ơn! http://jsfiddle.net/L3ynM/2/ – Tom

+0

Bất kỳ cách nào để làm điều này mà không có nó chồng chéo dòng .. để phục vụ như là nền thay vì thay đổi dòng, vv Ngoài ra độ mờ đục dường như không làm bất cứ điều gì. – KingOfHypocrites

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