Выделите серию ховер Highcharts

Question

Выделите серию ховер Highcharts

0

Есть ли способ выделить переполнения с помощью Highcharts, как показано на скриншоте прилагаемой строки. Я попробовал установку перекрестия, но легенда о оси y не учитывается.

Спасибо заранее за вашу помощь.

http://cl.ly/image/1E1P0N3E2s26

spitfire378 07 янв. 2014, в 15:53

Источник

Теги:

javascript

jquery

hover

highcharts

highlight

1 ответ

Ещё вопросы

Paweł Fus · Accepted Answer · 2014-01-07T12-39-00.000Z

Попробуйте использовать 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 является необязательным, требуется только в том случае, если вы хотите спрятать поле, когда вы покидаете контейнер или точку.

Большое спасибо за ваш ответ, это прекрасно!