2016-10-07 16 views
0

逆チャートを使用してハイチャートからガントチャートを作成したい場合、特定のデータポイントのマイルストーン(ハイチャートシンボル?)を視覚化する必要があります。これまで私が持っていたもの:http://jsfiddle.net/gys2jxhw/。これは可能ですか?Highcharts:反転列範囲チャートシリーズにシンボルを追加

$(関数(){

$('#container').highcharts({ 

    chart: { 
     type: 'columnrange', 
     inverted: true 
    }, 

    title: { 
     text: 'Project Deliverables' 
    }, 

    xAxis: { 
     categories: ['Task X'] 
    }, 

    yAxis: { 
     title: { 
      text: 'Timeline' 
     },    
     type: 'datetime' 
    }, 

    tooltip: { 
     xDateFormat: '%Y-%m-%d' 
    }, 

    plotOptions: { 
     columnrange: { 
      dataLabels: { 
       enabled: false, 
       formatter: function() { 
        return this.y; 
       } 
      } 
     } 
    }, 

    legend: { 
     enabled: false 
    }, 

    series: [{ 
     name: 'Timeline', 
     data: [{ 
      low:Date.UTC(2013,5,2), 
      high: [Date.UTC(2013,5,12)] 
     }] 
    }] 
}); 

})。

+0

「マイルストーン」をこのようにしたいですか? http://imgur.com/a/BoHnf – nilsole

+0

あなたはどこにでもシンボルをプロットするために 'scatter'シリーズを使うことができ、' plotLines'や 'plotBands'を使って共通の線や領域をマークすることができます。 – jlbriggs

+0

私はこのようにもっと考えていました:http://imgur.com/a/ZICmk。しかし、私は柔軟です。 – user1644708

答えて

0

散布図を使用すると、任意の場所にポイントを配置できます。

だから、あなたのシリーズのセットアップに:

series: [{ 
    name: 'Timeline', 
    data: [{ 
    low: Date.UTC(2013, 5, 2), 
    high: [Date.UTC(2013, 5, 12)] 
    }] 
}] 

型である第二シリーズの追加:散乱を、そしてあなたがそれを必要な場所ポイントを置く:

series: [{ 
    name: 'Timeline', 
    data: [{ 
    low: Date.UTC(2013, 5, 2), 
    high: [Date.UTC(2013, 5, 12)] 
    }] 
}, { 
    name: 'Marker', 
    type: 'scatter', 
    data: [ 
    [0, Date.UTC(2013, 5, 12, 12, 0, 0)] 
    ] 
}] 

更新フィドル:

追加情報を伝達するために、ツールチップやデータラベルを使用して値をさらに強化することができます。

関連する問題