Подключение двух точек в графе

Question

Я пытаюсь использовать HighStock JS для графического представления данных JSON, и я хочу соединить две точки на графике с использованием другой прямой линии. Например, например .mine - это график фондового рынка и Я хочу связать ежедневные «максимумы» или «минимумы» внутри этого графика с прямой линией ... Возможно ли это сделать с помощью графиков Highstock JS?

Answer 1

Да, вы можете сделать это с помощью HighStock JS. После создания графика вы можете использовать метод renderer.path для создания пути. Он следует той же форме, что и путь SVG. Вот небольшой небольшой фрагмент, который создал бы линию из абсолютных координат (300,50) до (400,50). Дополнительную информацию см. В документации по визуализатору. 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(); 
     }); 
    });​