tooltip.position

#2.0.0


툴팁의 표시 위치를 변경합니다.

툴팁이 그려질 top, left 값을 지정해 주어야 합니다.

이때 top, left 값은 해당 페이지의 top, left가 아닌 차트 영역 내의 상대 값입니다.

  • Type : Function

  • Format
    tooltip: {
      position: function(data, element, width, height) {
          return {top: 300, left: 0};
      }
    }
    
  • Parameter

    • data : 표시되는 해당 툴팁의 각 범례 별 데이터입니다.

      • Type : Object[]

      • Object 구조는 아래와 같습니다.

        {
            x: 5,
            value: 16,
            id: "data1",
            index: 0,
            ratio: 0.16,
            name: "범례1"
        }
      
      • x : X축 순서를 의미합니다. 0부터 시작합니다.

      • name : 범례명입니다.

      • value : 범례 값입니다.

      • ratio : 비율 값입니다. 원, 도넛 차트만 해당합니다.

      • id : 범례(그룹) 아이디입니다.

      • index : 범례 순번입니다. 0부터 시작합니다.

    • element : 툴팁 대상이 되는 차트 Element입니다.

    • width : 툴팁 영역 너비입니다.

    • height : 툴팁 영역 높이입니다.