x軸上に複数の線をプロットするハイチャート

Question

私は、従業員の活動の変更履歴を保持しているため、キャンペーンの従業員の変更に代わってユーザー数の変化（増加または減少）を示すグラフを描く必要があります。だから私はすべてのx軸シリーズにx軸線をプロットする必要があります。

私は検索しましたが、適切な回答は見つかりませんでした。このJs Fiddleには、x軸にプロットされた1行しかありませんが、私はすべてのx軸系列に直線が必要です。

1つの可能な結果がありますが、必要なすべての行に対してプロットオブジェクトを生成する必要があります。

plotLines: [{ 
     color: '#FF0000', 
     width: 2, 
     value: 4.5 
    }, { 
     color: '#00FF00', 
     width: 2, 
     value: 5.5 
    }] 

Answer 1

はい、あなたはあなたのデータのx値と一致する値でplotlines配列を自分で生成する必要があります。日単位の増分を使用しているので、プロットラインにも同じ値を使用します。

http://jsfiddle.net/8mn674ch/1/

var data = [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4]; 
var plotlines = []; 
//var startTime = Date.UTC(2010, 0, 1).getTime(); 
var startTime = new Date(Date.UTC(2010, 0, 1)).getTime(); 
for(var i = 0; i < data.length; i++) { 
    var timeincr = startTime + 1000*3600*24*i; 
    console.log(new Date(timeincr)); 
    var pline = { // mark the weekend 
      color: 'red', 
      width: 2, 
      value: timeincr, 
      events: { 
       click: function() { 
        $report.html('click'); 
       }, 
       mouseover: function() { 
        $report.html('mouseover'); 
       }, 
       mouseout: function() { 
        $report.html('mouseout'); 
       } 
      } 
     }; 
    plotlines.push(pline); 
} 
Highcharts.chart('container', { 
    xAxis: { 
     plotLines: plotlines, 
     tickInterval: 24 * 3600 * 1000, 
     // one day 
     type: 'datetime' 
    }, 

    series: [{ 
     data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4], 
     pointStart: Date.UTC(2010, 0, 1), 
     pointInterval: 24 * 3600 * 1000 
    }] 
});