하이 차트에 다른 그룹 수 표시 누적 기둥 그래프

누적 및 그룹화 된 열 highchart를 만들려고하지만 마지막 몇 개의 x 값에 여러 그룹/스택 만 있으면됩니다. 첫 번째 x 값에는 하나의 그룹/스택 만 있습니다.하이 차트에 다른 그룹 수 표시 누적 기둥 그래프

설명하려면 역사적인 가치를 차트로 작성한 다음 낙관적 인 예측 시나리오와 보수적 인 예측 시나리오를 비교합니다.

여기 내 jsFiddle입니다. 이 작업을 수행하는 더 좋은 방법은?

series: [{ 
      name: 'Thermal', 
      data: [5, 3, 4, 5], 
      stack: 'conservative', 
      color:'blue' 
     }, { 
      name: 'PV', 
      data: [3, 4, 4, 6], 
      stack: 'conservative', 
      color: 'red' 
     }, { 
      name: 'Thermal', 
      data: [0, 0, 0, 10], 
      stack: 'optimistic', 
      color: 'blue', 
      showInLegend: false 
     }, { 
      name: 'PV', 
      data: [0,0,0, 12], 
      stack: 'optimistic', 
      color: 'red', 
      showInLegend: false 
     }]

출처

2012-10-25 Eric H.

을 참조하십시오. 점을 지정하여 데이터 포인트가있는 스택과 그룹을 지정할 수 있습니다. – wergeld

그걸 알지만 두 번째 스택의 첫 번째 x 값에 0을 채운 채로 있으면 열은 여전히 중심에서 벗어납니다. 차트를 분할하거나 차트 옵션을 통해 공식 작업을 수행 할 수 있는지 알고 싶습니다. –

데이터 자체에 대한 자세한 정보가 필요하다고 생각합니다. 문제를 설명하고 jsFiddle을 설정하는 샘플 데이터 세트를 제공 할 수 있습니까? – wergeld

기본적으로 하이 차트는 최고이며 막대를 쌓아 올리거나 포인트 단위로 관련 데이터를 제공 할 수 있습니다. 필자는 필자의 시리즈 배열에 대해 다음과 같이 attrs를 추가로 전달하여 툴팁에 전달했다. jsFiddle here :

series:[ 
     {name:'Apples', color:'green', data:[{x:0, y:10, year: '2009', scenario: 'historic'}, {x:1, y:11,year: '2010', scenario: 'historic'} ]}, 
     {name:'Oranges', color:'orange', data:[{x:0, y:2, year: '2009', scenario:'historic'}, {x:1, y:5, year: '2010', scenario:'historic'}]}, 
     {name:'Apples',color:'green', data:[{x:1.75, y:12, year:'2011',scenario:'optimistic'}], showInLegend: false }, 
     {name:'Apples', color:'green',data:[{x:2.25, y:3,year:'2011', scenario:'conservative'}], showInLegend: false }, 
     {name:'Oranges',color:'orange', data:[{x:1.75, y:11, year:'2011',scenario:'optimistic'}], showInLegend: false}, 
     {name:'Oranges',color:'orange', data:[{x:2.25, y:6, year:'2011',scenario:'conservative'}], showInLegend: false}, 
]

출처

2013-01-29 01:56:13

또한 3, 4, 5 및 6 번째 데이터 개체를 결합해야합니다. –

하이 차트에 다른 그룹 수 표시 누적 기둥 그래프

답변

관련 문제