ApexChart type line 드래그 방지 prevent drag event

agnusdei·2023년 7월 7일
0

  selection: {
          enabled: false,
        },

ChartOptions 객체에 selection 속성을 추가하여 드래그를 비활성화하려고 시도하셨는데, 해당 설정은 line 차트에서는 작동하지 않습니다. selection 속성은 line 차트 유형에는 적용되지 않습니다.

line 차트에서 드래그를 비활성화하기 위해서는 ChartOptions 객체의 chart.selection 속성 대신 chart.zoom 속성을 사용해야 합니다. zoom 속성을 false로 설정하여 사용자의 드래그를 막을 수 있습니다.

다음은 buildingChartzoom 속성을 추가하여 드래그를 비활성화하는 예시 코드입니다:

this.buildingChart = {
  chart: {
    type: 'line',
    toolbar: {
      show: false,
    },
    zoom: {
      enabled: false,
    },
    width: '100%',
  },

  // 이전 코드 생략...

  // 이후 코드 생략...
};

buildingChartzoom 속성을 추가하고 enabled 값을 false로 설정하여 드래그를 비활성화합니다.

위의 코드를 적용하면 사용자는 line 차트 영역을 드래그하여 선택할 수 없게 됩니다.

0개의 댓글