작성일 2023-08-21 15:47 조회 782회
댓글 0건
안녕하세요
차트 관련해서 문의 드립니다.
현재 위에 첨부한 이미지를 보시면 차트가 다닥다닥 붙어있는데요.
해외와 Scope1의 막대 간격만 띄울 수 있는 방법이 있는지 궁금합니다.
총합과 국내/해외와 Scope1/Scope2를 구분 지으려고 합니다.
등록된 댓글이 없습니다.
3 답변
작성일 2023-08-22 09:32 댓글 0건
안녕하세요 그레이프시티입니다.
차트의 bar 간격을 조절하기 위해서는 rendered 이벤트 내에서 rect 요소의 x 축의 위치를 재설정하시면 됩니다.
자세한 코드는 아래 샘플에서 확인하실 수 있습니다.
관련 API 문서를 공유드리며 다른 궁금한 점이 생기면 문의주시기 바랍니다.
감사합니다.
그레이프시티 드림
등록된 댓글이 없습니다.
작성일 2023-08-22 12:54 댓글 0건
빠른 답변 감사드립니다.
해당 방법을 통하여서 잘 적용되는 것을 확인하였습니다.
하지만 라벨링 한 텍스트는 고정된 위치에 있는 지라 뒤로 밀리는 것처럼 보이는 현상이 있는데요. 해당 텍스트도 같이 Rect와 동일하게 위치 할 수 있는 방법이 있는지 궁금합니다.
알려주신 방법을 토대로 응용 할 수 있나 찾아보았으나 텍스트는 Rect처럼 g태그로 그룹핑 되어있지 않아서 반영이 어렵네요.
다른 방법이 있는지 가이드 부탁드립니다.
등록된 댓글이 없습니다.
작성일 2023-08-22 15:48 댓글 0건
안녕하세요 그레이프시티입니다.
차트의 라벨의 위치를 조절하기 위해서는 dataLabel의 rendering 이벤트 내에서 라벨의 point의 x 속성 값을 재설정하시면 됩니다.
아래 코드를 참고하여 주시기 바랍니다.
var firstGroup = ["UK","France","India"], secondGroup=['Italy','Korea'];
let barchart = new wijmo.chart.FlexChart('#chart', {
(...)
dataLabel: {
content: '{value:n0,,}T',
position: 'Top',
rendering: (_, e) => {
// 첫 번째 그룹이면
if(firstGroup.includes(e.hitTestInfo.name)){
e.point.x -= 10
// 두 번째 그룹이면
}else if(secondGroup.includes(e.hitTestInfo.name)) {
e.point.x += 3
}
}
},관련 API 문서를 공유드리며 다른 궁금한 점이 생기면 문의주시기 바랍니다.
감사합니다.
그레이프시티 드림
등록된 댓글이 없습니다.
