Highchart Kreisdiagramm klicken Sie auf hover

Wie kann ich call Maus-Klick-Ereignis auf pie chart on mouse hover?
Ich habe versucht, etwas, aber es zu tun, klicken Sie nicht so glatt, als ich brauche.
Hier ist Beispielcode:

   plotOptions: {
        pie: {
            innerSize: '50%',
            size: 100,
            cursor: 'pointer',
            dataLabels: false
        },
        series: {
            allowPointSelect: true,
            type: 'pie',
            name: 'Coordinates',
            point: {
                events: {
                    mouseOver: function (e) {
                      pieChart.tooltip.hide();
                        var serie = this.series.data[this.x];
                        var waitBeforeSelect = setTimeout(function () {
                            clearTimeout(waitBeforeSelect);
                            serie.select();
                            serie.series.show();
                            pieChart.tooltip.refresh(serie);
                        }, 500);

                        var serieName = serie.name;
                        var textToShow = serieName.substr(0, serieName.indexOf(';'));
                        $('#pieChartInfoText').children().text(textToShow);
                        $('#pieChartInfoText').children().css('color', serie.color);
                    },
                    mouseOut: function () {
                        pieChart.tooltip.hide();
                    }
                }
            }
        }
    },
InformationsquelleAutor Arsen Khachaturyan | 2012-10-04
  1. 1

    Wenn das, was Sie wirklich versuchen, zu tun tun, ist wählen Sie einfach den Punkt auf mouseOver (was ich zu tun hatte, führte mich auf Ihre Frage), können Sie diesen Aufruf.wählen Sie(wahr) in der mouseOver-Funktion. Haben dies nicht die timeout-Verzögerung, aber das könnte noch Hinzugefügt werden.

    InformationsquelleAutor user1823883
  2. 0

    Danke Igor.
    Ja, es hilft mir eine Menge, aber es als mein eigenes hat einen Nachteil(wenn Sie bewegen Sie die Maus über Diagramm mehrere Zeit wird es immer wieder hin und her zu gehen,es ist besonders sichtbar auf donut-chart),allerdings habe ich es behoben.Hier ist der Codeausschnitt:

    series: {
            allowPointSelect: true,
            type: 'pie',
            name: 'Coordinates',
            point: {
                events: {
                    mouseOver: function (e) {
                        var serie = this.series.data[this.x];
                        if ((undefined == previousSerie) || (serie != previousSerie)) {
                            var point = this;

                            if (!point.selected) {
                                pieChart.tooltip.shared = true;

                                var timeout = setTimeout(function () {
                                    clearTimeout(timeout);
                                    point.firePointEvent('click');

                                    pieChart.tooltip.shared = false;
                                    pieChart.tooltip.refresh(point);
                                }, 700);
                            }

                            var serieName = serie.name;
                            var textToShow = serieName.substr(0, serieName.indexOf(';'));
                            $('#pieChartInfoText').children().text(textToShow);
                            $('#pieChartInfoText').children().css('color', serie.color);
                            previousSerie = serie;
                        } else {
                            previousSerie = serie;
                        }
                    },
                    mouseOut: function () {
                        // pieChart.tooltip.hide();
                    }
                }
            }
        }

    Nochmals vielen Dank.

    • konnte Sie haben gezeigt, dass diese auf der fiddle wie igor habe ich keins, die Sie Folgen ..
    InformationsquelleAutor Arsen Khachaturyan
Schreibe einen Kommentar