Kết nối hai điểm trong một đồ thị

Question

Tôi đang cố gắng sử dụng HighStock JS để trình bày đồ họa dữ liệu JSON và tôi muốn kết nối hai điểm trên biểu đồ bằng một đường thẳng khác .. ví dụ..mine là biểu đồ thị trường chứng khoán và Tôi muốn kết nối "mức cao" hoặc "thấp" hàng ngày bên trong biểu đồ đó với một đường thẳng ... Có thể thực hiện điều đó bằng đồ thị JS cao cấp không ??

Answer 1

Có, bạn có thể thực hiện việc này với HighStock JS. Sau khi bạn tạo biểu đồ, bạn có thể sử dụng phương thức renderer.path để tạo đường dẫn. Nó theo cùng một dạng như đường dẫn SVG. Dưới đây là một đoạn ngắn ngắn sẽ tạo ra một dòng từ các tọa độ tuyệt đối (300,50) đến (400,50). Xem tài liệu trình kết xuất để biết thêm chi tiết http://www.highcharts.com/ref/#renderer

$(function() { 
    var chart = new Highcharts.Chart({ 
     chart: { 
      renderTo: 'container' 
     }, 

     xAxis: { 
      categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
     }, 

     series: [{ 
      data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] 
     }] 
    }, 
    function(chart) { // on complete 
     chart.renderer.path(['M', 300, 50, 'L', 400, 50]) 
      .attr({ 
       'stroke-width': 2, 
       stroke: 'red' 
      }) 
      .add(); 
     }); 
    });​