Dimple.js Axis Labels

각 행에 id 및 name 속성이있는 데이터 세트가 있습니다. id 속성은 고유 키이고 name은 복제 될 수 있습니다. 이름을 Dimple.js 차트의 범주 축에 표시하려고합니다.Dimple.js Axis Labels

chart.addCategoryAxis의 인수로 "name"을 사용하면 올바른 레이블이 그려지지만 중복 된 이름을 가진 사용자는 단일 막대로 그룹화됩니다. "id"를 인수로 사용하면 막대가 구분되지만 잘못된 레이블이 사용됩니다.

이를 달성하기 위해 "딤플"방법이 있나요, 아니면 그냥 하나가 수행해야합니다 https://github.com/PMSI-AlignAlytics/dimple/issues/99

액세스 축을 :

이

여기 같은 이름을 ID로 변환하기 위해 수동으로 축 포매터를 쓰기 . 셰이프 이후에 그들을 변경? 이것의

그림 (I 의미를 알기 위해 스위치 버튼을 클릭) : http://jsbin.com/bupamo/4/edit?js,output

출처

2014-09-10 ne8il

좋은 질문! 나는 이것을 exaclty 찾고 있었다. 나의 유스 케이스의 경우 이것은 오히려 본질적인 기능이며 그것이 딤플에 의해 직접 지원된다면 좋을 것이다. (하지만 약간의 사용자 정의 코드로 구현하면 좋다) –

감사합니다 좋은 명확한 설명을 위해.

: 당신은이 같은 다른 비틀기의 몇 가지를 확인해야합니다

: 그러나 이것은 당신이 ID로 그리기 및 사후을 대체하여 그것을 달성 할 수있는, 정말 딤플 출신이다 무언가가 아니다

// Set the title before drawing 
xAxis.title = 'name'; 
// Draw the axis with id's 
chart.draw(0, false); 
// Now set the category fields to name so that the tooltips are correct 
xAxis.categoryFields = ['name']; 
// Select the ID labels and replace the text with names 
xAxis.shapes 
    .selectAll("text") 
     .text(function (d) { 
      var i; 
      for (i = 0; i < initialData.length; i += 1) { 
       if (initialData[i].id === d) { 
        return initialData[i].name; 
       } 
      } 
     });

http://jsbin.com/lezocu/4/edit?js,output

출처

2014-09-11 08:30:49

John, 제안 해 주셔서 감사합니다! 나는 이런 종류의 것을 정확히 찾고 있었다. 필자가 문서 나 예제 또는 사용자가 블로그 게시물에 언급 한 내용을 보지 못했기 때문에이 기능은 매우 인기가 없었습니다. 그러나 나에게 이것은 필수적인 기능입니다. 그것이 딤플에 의해 직접적으로 지원된다면 멋질 것입니다 만, 그것을 달성하기 위해 약간의 커스텀 코드로 확실히 살 수 있습니다. 이 답변에 다시 한 번 감사드립니다! –

Dimple.js Axis Labels

답변

관련 문제