2012-04-12 14 views
32

Tôi đang sử dụng jqPlot làm khung biểu đồ của mình và có nhiều biểu đồ trong ứng dụng của tôi, chủ yếu là các biểu đồ dạng đường và xếp chồng lên nhau.jQPlot - loại bỏ các đường lưới dọc

Tôi hiện có yêu cầu chỉ hiển thị đường lưới đường chân trời trên các biểu đồ này và không thấy bất kỳ tùy chọn nào trong jqPlot để thực hiện việc này.

Có tùy chọn showGridline nhưng điều đó sẽ tắt hoàn toàn các đường lưới.

Chỉ có thể xóa các đường lưới dọc trong jqPlot và tiếp tục hiển thị các đường kẻ ngang?

Trả lời

55

Tôi đã tìm ra. Bạn có thể áp dụng showGridline để một trục duy nhất bằng cách làm như sau:

axes:{ 
    xaxis: { 
     tickOptions:{ 
      showGridline: false 
     } 
    } 
} 
+2

+1 Cảm ơn, tôi cũng đang tìm tùy chọn này. – Chris22

+0

Cảm ơn, vì bài đăng –

8

Để tháo đường lưới trên trục X:

axes : { 
    xaxis : { 
     tickOptions : { 
      showGridline : false 
     } 
    } 
} 

Để tháo đường lưới trên trục Y:

axes : { 
    yaxis : { 
     tickOptions : { 
      showGridline : false 
     } 
    } 
} 

Để tháo đường lưới trên cả hai trục:

axes : { 
    xaxis : { 
     tickOptions : { 
      showGridline : false 
     } 
    }, 
    yaxis : { 
     tickOptions : { 
      showGridline : false 
     } 
    } 
} 

hoặc

grid : { 
    drawGridlines: false 
}