billboard.js charts – legend click 이벤트 없애기

목록으로 돌아가기

legend 클릭 이벤트 없애기

이 기능이 좋긴 한데, 불편한 부분도 있당. 아래와 같이 필요없으면, 옵션처리를 하면 아무런 동작을 안하도록 할 수 있다.

legend: {
  item: {
    onclick: function(id) {
      false;
    },
  },
},

결과를 비교해보면,

![](assets/images/2023/01/img001.gif?resize=480%2C360&ssl=1)
legend click 시 사라짐
![](assets/images/2023/01/img002.gif?resize=480%2C360&ssl=1)
legend click 시 아무동작 안함

풀 코드가 필요한가? ㅋ 어디에 위치하는지 헷갈릴 수도

// 테스트 수량
var chart1 = bb.generate({
  data: {
    type: "pie", // for ESM specify as: pie()
    labels: {
      colors: "black",
    }
  },
  pie: {
    padding: 3,
    label: {
      format: function(value, ratio, id) {
        return id+"\n("+value+"개)";
      }
    }    
  },  
<strong>  legend: {
        item: { onclick: function(id) { false; }, }
  },</strong>
  bindto: "#chart-container1"
});

참고 사이트

https://stackoverflow.com/questions/67925029/how-to-disable-legend-click-on-billboard-js-charts

How to disable legend click on billboard.js charts?

공식 API 문서 위치는 여기

https://naver.github.io/billboard.js/release/latest/doc/Options.html#.legend

author-profile
Written by bj