2015-01-05 2 views
1

그래프를 그려 엔진 상태를 표시해야합니다. 축을 따라 1-2,2-3,3-4와 같은 시간을 가지며 막대 그래프를 사용하여 표시해야합니다. 이 시간에 엔진이 켜져 있었는지 아니면 꺼져 있었는지.Jquery 그래프에 엔진 상태 표시

이것이 꺼져 있으면 검은 색으로 표시되고 2-4가 파란색이면 파란색으로 표시되고 상태가 변경되면 파란색으로 검은 색으로 표시됩니다. 지금은 맞춤 설정했습니다. 일부 매개 변수를 제거하여 하나의 막대를 표시하기위한 jquery 높은 차트.

내가 여기에 내포하는 방법을 알아야합니까, 아니면이 그래프에서 가능합니까?

enter image description here

+0

이 차트 유형은 '간트'차트라고합니다. 그것은 highcharts에서 할 수 있지만 그것은 (아직) 상자에서 지원되지 않기 때문에 약간의 코딩을해야합니다. http://www.highcharts.com/support/roadmap을 참조하십시오. – wergeld

+0

차트보기 http://highcharts.uservoice.com/forums/55896-general/suggestions/804783-gantt-chart 및 열 범위 : http : // www.highcharts.com/demo/columnrange –

답변

1

당신은 최소한의 fudging으로, 열 범위 차트와 함께이 작업을 수행 할 수 있습니다.

주요 문제는 데이터 요소를 올바르게 설정하고 plotOptions에 grouping:false을 설정하는 것입니다. x 값뿐만 아니라 각 데이터 지정해야하거나, 다른 이들은 모두

예 별도의 x 값에 대하여 설명한다 :

  • http://jsfiddle.net/jlbriggs/o9ck2zLn/
    • 쉽게 적응 될 수 께 timestamp를 y 값으로 제공하여 시간 축을 만듭니다.

    관련 문제