Highcharts - Cách bắt đầu trục x từ giá trị tùy ý

Question

Tôi đang sử dụng [highcharts] [1] để vẽ biểu đồ giữa một dải giá trị từ cơ sở dữ liệu. Tôi muốn bởi các giá trị X Axis để bắt đầu từ đầu vào của người dùng.

Ví dụ, nếu người dùng muốn các giá trị giữa phạm vi 50 và 100, tôi muốn trục x của tôi bắt đầu từ 50.

Phạm vi sẽ có kích cỡ khác nhau. Kích thước của dữ liệu lớn nên tôi không thể làm một cái gì đó như nhận được tất cả và sử dụng min và max để hiển thị.

Xin cảm ơn trước.

Đây là đối tượng biểu đồ của tôi. Tôi có hai trường đầu vào cho người dùng mà tôi sử dụng để truy vấn cơ sở dữ liệu và trả về các hàng ở giữa.

Tôi sử dụng nhiều loại biểu đồ. Vấn đề là tôi không có ý tưởng về cách xác định bắt đầu của trục X là 50 nếu tôi nhận dữ liệu từ cơ sở dữ liệu từ 50 đến 100. Nó hiển thị 50 giá trị nhưng bắt đầu từ 0 tối đa 50.

Tôi đã thử tối thiểu 10 và như vậy. Điều đó bắt đầu từ giá trị đó nhưng bỏ qua 10 giá trị đầu tiên.

Trường nhập có id 'lower' và 'upper'.

---

var options = { 
     chart: { 
     renderTo: ctn.attr('id'), 
     type: $('#graph_type option:selected').val(), 
     zoomType: 'x' 
     }, 
     title: { 
     text: $('#graph_title').val() 
     }, 
     subtitle: { 
      text: "Graph - " + (graph_no + 1) 
     }, 
     xAxis: { 

     title: { 
      text: $('#x_label').val() 
     } 
     }, 
     yAxis: { 
     title: { 
      text: $('#y_label').val() 
     } 
     }, 

     credits: { 
     enabled: false 
     }, 
     series: [] 
    }; 

Answer 1

Cảm ơn mọi người đã trả lời. Tôi tìm ra giải pháp. Min max đã không thực sự làm như tôi muốn nó.

Tôi đã tìm thấy giải pháp.

Để bắt đầu giá trị trục x từ giá trị mong muốn sử dụng

plotOptions: 
    <your_graph_type>:{ 
      pointStart: <your_value> 
} 

Answer 2

Tôi nghĩ rằng thiết lập min và max cho Xaxis sẽ làm việc. Refer this link

và bạn có thể nói

startOnTick: false, endOnTick: false

Ví dụ tham khảo: example

tôi có giá trị thiết lập tối thiểu của y đến 20 và tối đa đến 217,

yAxis: { 
     min: 20, 
     max:217, 
     startOnTick: false, 
     endOnTick:false 
    }, 

Xem cách biểu đồ ther được hiển thị. Tôi hy vọng điều này sẽ hữu ích.