클릭 이벤트에 대한 툴팁의 XAxis 카테고리가 정의되지 않습니까?

시바

[문제는 x 축이 0,1에서 가져 오는 것입니다 .. x 축 값 위에 마우스를 올렸을 때 OnClick 이벤트에서 x 축 범주 값이 제대로 표시되지만 클릭하면 x 축이 값이됩니다. ]

jsfiddle.net/f25rzxmu/1/

이미지 왼쪽에서 x 축 값을 볼 수 있습니다.

아말

이 코드를 시도

로 설정 this.x하여 x 축 범주 값을 가져올 수 있습니다 this.category.

.attr({ text: 'x: ' + this.category + ' y: ' + this.y + ' field: ' + this.series.name })

Highcharts.chart('container', {
title: {
    text: 'Mouse click demo'
},
subtitle: {
    text: 'On point click or mouse out, the values should be reported in top left'
},
xAxis: {
		categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
		crosshair: 'true'
	},
plotOptions: {
    series: {
        
        point: {
            events: {
               click: function () {
                    var chart = this.series.chart;
                    debugger;
                    if (!chart.lbl) {
                        chart.lbl = chart.renderer.label('')
                            .attr({
                                padding: 10,
                                r: 10,
                                fill: Highcharts.getOptions().colors[1]
                            })
                            .css({
                                color: '#FFFFFF'
                            })
                            .add();
                    }
                    chart.lbl
                        .show()
                        .attr({
                          text: 'x: ' + this.category + ' y: ' + this.y + ' field: ' + this.series.name
                        });
                }
            }
        },
        events: {
            mouseOut: function () {
                if (this.chart.lbl) {
                    this.chart.lbl.hide();
                }
            }
        }
    }
},

tooltip: {
    enabled: true
},


series: [{
		name: "Tokyo",
		data: [49.9, 71.5, 106.4, 129.2, 144, 176, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
	}, {
		name: "New York",
		data: [83.6, 78.8, 98.5, 93.4, 106, 84.5, 105, 104.3, 91.2, 83.5, 106.6, 92.3]
	}, {
		name: "London",
		data: [48.9, 38.8, 39.3, 41.4, 47, 48.3, 59, 59.6, 52.4, 65.2, 59.3, 51.2]
	}, {
		name: "Berlin",
		data: [42.4, 33.2, 34.5, 39.7, 52.6, 75.5, 57.4, 60.4, 47.6, 39.1, 46.8, 51.1]
	}]
});
#reporting {
    position: absolute; 
    top: 55px; 
    right: 20px; 
    font: 12px Arial, Verdana; 
    color: #666;
    background: white;
}
<script src="https://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 300px; min-width: 300px"></div>
<div id="reporting"></div>

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

툴팁을 표시하지 않고 HighCharts의 다각형에서 클릭 이벤트를 잡는 방법

분류에서Dev

클릭 이벤트에 대한 jQuery 정의되지 않은 변수

분류에서Dev

클릭 / 포커스 이벤트에서만 표시되도록 양식 입력 필드의 JQuery UI 툴팁을 제한 할 수 없습니다.

분류에서Dev

Ember :보기에 대한 클릭 이벤트가 실행되지 않습니다.

분류에서Dev

부트 스트랩 3 툴팁이 의도 한대로 트리거되지 않음

분류에서Dev

JQuery는 클릭 이벤트에 대한 .on 리스너에 대한 Child Selector의 값을 가져옵니다.

분류에서Dev

클릭 이벤트가 발생하는 정확한 위치에서 팝업 된 툴팁을 얻으려면 어떻게해야합니까?

분류에서Dev

클릭 이벤트 리스너에 정의되지 않은 변수

분류에서Dev

amcharts의 누적 막대 차트에서 어떤 카테고리가 클릭되었는지 확인하는 방법은 무엇입니까?

분류에서Dev

클릭 이벤트에 대한 Jquery가 작동하지 않습니다.

분류에서Dev

툴팁의 onHover 이벤트 테스트

분류에서Dev

툴팁 클릭 이벤트 내부의 jquery-ui 태그 "a"

분류에서Dev

FullCalendar.js : 크기가 조정 / 클릭 / 삭제되는 추가 된 이벤트에 대해 이벤트 콜백이 실행되지 않습니까?

분류에서Dev

ngbDropdownItem의 클릭 이벤트가 확대 된 iPhone에서 작동하지 않습니다.

분류에서Dev

JQuery가 로컬 컴퓨터의 클릭 이벤트에 대해 작동하지 않습니다.

분류에서Dev

카테고리 버튼 뒤의 선택 버튼을 클릭하면 왜 문자열이 인쇄되지 않고 대신 null이 인쇄됩니까?

분류에서Dev

테마 클래스 기능에 정의 된 툴팁 제목을 어떻게 재정의 할 수 있습니까?

분류에서Dev

자식에 대한 클릭 이벤트 방지, 부모에 의해 트리거되는 팝업 생성

분류에서Dev

분할 된 버튼의 캐럿을 클릭해도 클릭 이벤트가 트리거되지 않습니다.

분류에서Dev

버튼 클릭시 부트 스트랩 4 툴팁 숨기기가 작동하지 않습니까?

분류에서Dev

비활성화 된 선택 요소를 클릭해도 상위 요소에 대한 클릭 또는 mousedown 이벤트가 트리거되지 않습니다.

분류에서Dev

링크의 클릭 이벤트가 jquery에서 작동하지 않습니다.

분류에서Dev

Greasemonkey 스크립트의 jQuery – Firefox에서 클릭 이벤트가 발생하지 않습니까?

분류에서Dev

Greasemonkey 스크립트의 jQuery – Firefox에서 클릭 이벤트가 발생하지 않습니까?

분류에서Dev

기초 툴팁이 작동하지 않습니다. 이 주제에 대한 아이디어가 있습니까?

분류에서Dev

CKEditor의 클릭 이벤트가 발생하지 않습니다.

분류에서Dev

jquery의 클릭 이벤트가 작동하지 않습니다.

분류에서Dev

클릭 이벤트의 ListView가 작동하지 않습니다.

분류에서Dev

jquery의 클릭 이벤트가 작동하지 않습니다.

Related 관련 기사

  1. 1

    툴팁을 표시하지 않고 HighCharts의 다각형에서 클릭 이벤트를 잡는 방법

  2. 2

    클릭 이벤트에 대한 jQuery 정의되지 않은 변수

  3. 3

    클릭 / 포커스 이벤트에서만 표시되도록 양식 입력 필드의 JQuery UI 툴팁을 제한 할 수 없습니다.

  4. 4

    Ember :보기에 대한 클릭 이벤트가 실행되지 않습니다.

  5. 5

    부트 스트랩 3 툴팁이 의도 한대로 트리거되지 않음

  6. 6

    JQuery는 클릭 이벤트에 대한 .on 리스너에 대한 Child Selector의 값을 가져옵니다.

  7. 7

    클릭 이벤트가 발생하는 정확한 위치에서 팝업 된 툴팁을 얻으려면 어떻게해야합니까?

  8. 8

    클릭 이벤트 리스너에 정의되지 않은 변수

  9. 9

    amcharts의 누적 막대 차트에서 어떤 카테고리가 클릭되었는지 확인하는 방법은 무엇입니까?

  10. 10

    클릭 이벤트에 대한 Jquery가 작동하지 않습니다.

  11. 11

    툴팁의 onHover 이벤트 테스트

  12. 12

    툴팁 클릭 이벤트 내부의 jquery-ui 태그 "a"

  13. 13

    FullCalendar.js : 크기가 조정 / 클릭 / 삭제되는 추가 된 이벤트에 대해 이벤트 콜백이 실행되지 않습니까?

  14. 14

    ngbDropdownItem의 클릭 이벤트가 확대 된 iPhone에서 작동하지 않습니다.

  15. 15

    JQuery가 로컬 컴퓨터의 클릭 이벤트에 대해 작동하지 않습니다.

  16. 16

    카테고리 버튼 뒤의 선택 버튼을 클릭하면 왜 문자열이 인쇄되지 않고 대신 null이 인쇄됩니까?

  17. 17

    테마 클래스 기능에 정의 된 툴팁 제목을 어떻게 재정의 할 수 있습니까?

  18. 18

    자식에 대한 클릭 이벤트 방지, 부모에 의해 트리거되는 팝업 생성

  19. 19

    분할 된 버튼의 캐럿을 클릭해도 클릭 이벤트가 트리거되지 않습니다.

  20. 20

    버튼 클릭시 부트 스트랩 4 툴팁 숨기기가 작동하지 않습니까?

  21. 21

    비활성화 된 선택 요소를 클릭해도 상위 요소에 대한 클릭 또는 mousedown 이벤트가 트리거되지 않습니다.

  22. 22

    링크의 클릭 이벤트가 jquery에서 작동하지 않습니다.

  23. 23

    Greasemonkey 스크립트의 jQuery – Firefox에서 클릭 이벤트가 발생하지 않습니까?

  24. 24

    Greasemonkey 스크립트의 jQuery – Firefox에서 클릭 이벤트가 발생하지 않습니까?

  25. 25

    기초 툴팁이 작동하지 않습니다. 이 주제에 대한 아이디어가 있습니까?

  26. 26

    CKEditor의 클릭 이벤트가 발생하지 않습니다.

  27. 27

    jquery의 클릭 이벤트가 작동하지 않습니다.

  28. 28

    클릭 이벤트의 ListView가 작동하지 않습니다.

  29. 29

    jquery의 클릭 이벤트가 작동하지 않습니다.

뜨겁다태그

보관