Wie zeichne ich eine Linie zwischen 2 verschiedenen Flächendiagrammen für die gleiche Kategorie (x-Achse) in Highcharts?

Question

Ich habe 2 Bereichsdiagramme geplottet, von denen eins Drag-Gable ist, wenn das Diagramm gezogen wird und beim Klicken auf den Knopf, sollte es Linie zwischen zwei Punkten zeichnen (verbindet die zwei) in der gleichen Kategorie. Ist das möglich?

Hier ist der jsFiddle: jsfiddle.net/AyUbx/3118/

Es hat zwei Flächendiagramme. Bild ist auch beigefügt, die die Anforderung erläutert.

http://i.stack.imgur.com/ITGuj.png

Answer 1

Sie können chart.renderer nutzen diesen Weg zu machen, zum Beispiel:

var left = chart.plotLeft, 
    top = chart.plotTop; 

    if(!chart.currentPoint) { 
    chart.currentPoint = 0; 
    } 

    if (!chart.myPath) { 
    chart.myPath = chart.renderer.path(['M', 0, 0]).attr({ 
     stroke: 'red', 
     'stroke-width': 1 
    }).add(); 
    } 

    chart.myPath.attr({ 
    d: [ 
     'M', 
     chart.series[0].data[chart.currentPoint].plotX + left, 
     chart.series[0].data[chart.currentPoint].plotY + top, 
     'L', 
     chart.series[1].data[chart.currentPoint].plotX + left, 
     chart.series[1].data[chart.currentPoint].plotY + top 
    ] 
    }); 

Und Live-Demo: http://jsfiddle.net/hkju4mzk/