Есть ли способ выделить переполнения с помощью Highcharts, как показано на скриншоте прилагаемой строки. Я попробовал установку перекрестия, но легенда о оси y не учитывается.
Спасибо заранее за вашу помощь.
Попробуйте использовать renderer.rect()
и обновлять его положение на MouseOver см: http://jsfiddle.net/NUP9m/4/
Код для добавления поля:
chart: {
type: 'bar',
events: {
load: function () {
this.highlight = this.renderer.rect(0, -100, 500, 40).attr({
fill: 'rgba(255,0,0,0.2)',
zIndex: 0
}).add();
}
}
},
Чтобы управлять полем:
events: {
mouseOver: function () {
var h = this.series.chart.highlight;
if (h) {
// h.show();
h.attr({
y: this.series.chart.plotTop - this.plotX + this.series.chart.plotHeight - h.height / 2
});
}
},
mouseOut: function () {
var h = this.series.chart.highlight;
if (h) {
// h.hide();
}
}
}
Обратите внимание, что mouseOut является необязательным, требуется только в том случае, если вы хотите спрятать поле, когда вы покидаете контейнер или точку.