Conectando dos puntos en un gráfico

Question

Estoy tratando de usar HighStock JS para la representación gráfica de datos JSON y quiero conectar dos puntos en un gráfico usando otra línea recta ... como por ejemplo ... Mine es un gráfico de bolsa y Quiero conectar los "altos" o "bajos" diarios dentro de ese gráfico con una línea recta ... ¿Es posible hacer eso con un gráfico Highstock JS?

Answer 1

Sí, puede hacerlo con HighStock JS. Después de crear el gráfico, puede usar el método renderer.path para crear una ruta. Sigue la misma forma que la ruta SVG. Aquí hay un pequeño fragmento corto que crearía una línea desde las coordenadas absolutas (300,50) a (400,50). Consulte la documentación del procesador para más detalles 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(); 
     }); 
    });​