Highcharts : 반전 columnrange 차트 시리즈

Question

내가 거꾸로 columnrange 차트를 사용하여 highcharts에서 간트 차트를 개발하고 주어진 데이터 포인트의 이정표 (?를 highcharts 기호)를 시각화하는 능력을 필요로 찾고 있어요에 추가 기호. 내가 가지고있는 것 : http://jsfiddle.net/gys2jxhw/. 이것이 가능한가?

$ (함수() {

$('#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)] 
     }] 
    }] 
}); 

});

Answer 1

당신은 어디서든 당신이 원하는 점을 배치하는 분산 형 시리즈를 사용할 수 있습니다.

그래서, 당신의 시리즈 설정과 :

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

형 제 2 시리즈의 추가 분산을, 그리고 당신이 그것을 필요로 할 때마다 점을 배치 :

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)] 
    ] 
}] 

업데이트 바이올린 :

• http://jsfiddle.net/jlbriggs/gys2jxhw/1/

당신은 더 툴팁을 사용하여 가치를 향상 할 수 및/또는 데이터 레이블 추가 정보를 전달.