[문제는 x 축이 0,1에서 가져 오는 것입니다 .. x 축 값 위에 마우스를 올렸을 때 OnClick 이벤트에서 x 축 범주 값이 제대로 표시되지만 클릭하면 x 축이 값이됩니다. ]
jsfiddle.net/f25rzxmu/1/
이 코드를 시도
로 설정 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] 삭제
몇 마디 만하겠습니다