dimple.js에 누적 막 대형 차트

저는 dimple.js과 d3을 처음 사용합니다. 테스트 실행보고 도구 중 하나 인 경우 실행 상태를 나타내는 차트를 표시해야합니다. 이 차트는 stacked bar chart이어야합니다. 내 샘플 데이터는 다음과 같습니다dimple.js에 누적 막 대형 차트

var data = [{ 
       "run-id": 25, 
       "TotalCount": 100, 
       "Pass": 50, 
       "Fail": 30, 
       "Skip": 20 
     }, { 
       "run-id": 26, 
       "TotalCount": 50, 
       "Pass": 35, 
       "Fail": 15, 
       "Skip": 5 
     }, { 
       "run-id": 27, 
       "TotalCount": 60, 
       "Pass": 40, 
       "Fail": 5, 
       "Skip": 15 
     }];

내가 (위의 데이터에 대한) 3 개 막대가 누적 막대 그래프로 출력 차트를 갖고 싶어, 각 실행 ID에 대한 하나. 또한 개별 계수 (통과 | 실패 | 건너 뛰기)는 막 대형 차트 영역 (내부)에 작성해야합니다.

저는 dimple.js 및 램프 업 단계를 처음 사용했습니다. 다음 해결책을 시도했지만 작동하지 않습니다.

chart = new dimple.chart(svg, data); 
chart.addCategoryAxis("x", "run-id"); 
chart.addMeasureAxis("y", "TotalCount"); 
series = chart.addSeries(["Pass", "Fail","Skip"], dimple.plot.bar); 
chart.draw()

앞으로 나아갈 수있는 사람이 있습니까?

출처

2016-07-26 appu

내가 아는 한, 스택 막대를 생성 할 수 있도록 데이터의 서식을 지정해야합니다. 업데이트 된 버전의 데이터를 첨부하고 누적 막대를 만들었습니다. check here for writing value in bar

StackBar

출처

2016-07-26 20:38:36 mtkilic

감사 마흐 무트는 데이터 구조의 요소를 수정, 속임수를 썼는지! – appu

문제 없습니다. 기꺼이 도와 드리겠습니다. 나는 꽤 새로운 dimple.js이고 여전히 배우려고 노력하고 있습니다. – mtkilic

dimple.js에 누적 막 대형 차트

답변

관련 문제