각 행에 id 및 name 속성이있는 데이터 세트가 있습니다. id 속성은 고유 키이고 name은 복제 될 수 있습니다. 이름을 Dimple.js 차트의 범주 축에 표시하려고합니다.Dimple.js Axis Labels
chart.addCategoryAxis의 인수로 "name"을 사용하면 올바른 레이블이 그려지지만 중복 된 이름을 가진 사용자는 단일 막대로 그룹화됩니다. "id"를 인수로 사용하면 막대가 구분되지만 잘못된 레이블이 사용됩니다.
그림 (I 의미를 알기 위해 스위치 버튼을 클릭) : http://jsbin.com/bupamo/4/edit?js,output
감사합니다 좋은 명확한 설명을 위해.
: 당신은이 같은 다른 비틀기의 몇 가지를 확인해야합니다: 그러나 이것은 당신이 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;
}
}
});
John, 제안 해 주셔서 감사합니다! 나는 이런 종류의 것을 정확히 찾고 있었다. 필자가 문서 나 예제 또는 사용자가 블로그 게시물에 언급 한 내용을 보지 못했기 때문에이 기능은 매우 인기가 없었습니다. 그러나 나에게 이것은 필수적인 기능입니다. 그것이 딤플에 의해 직접적으로 지원된다면 멋질 것입니다 만, 그것을 달성하기 위해 약간의 커스텀 코드로 확실히 살 수 있습니다. 이 답변에 다시 한 번 감사드립니다! –
좋은 질문! 나는 이것을 exaclty 찾고 있었다. 나의 유스 케이스의 경우 이것은 오히려 본질적인 기능이며 그것이 딤플에 의해 직접 지원된다면 좋을 것이다. (하지만 약간의 사용자 정의 코드로 구현하면 좋다) –