-1

目標:以下のデモで、右上の州にカーソルを合わせると、すべて「Intermountain」という名前が付けられていることがわかります。ホバー時にすべてを強調表示する必要があります。ドキュメントには、これを行う方法の詳細が実際には記載されていません。

使ってみた 

             states: {
                    hover: {
                        enabled: true
                    }
                },

しかし、それは私が必要とすることをしません。

デモ: http://jsfiddle.net/TUy7x/781/

$(function () {

    // Initiate the chart
    $('#container').highcharts('Map', {

        series: [{
            "type": "map",

            states: {
                hover: {
                    enabled: true
                }
            },
                "data": //more than highchart character limits
    });
});
4

1 に答える 1

1

mouseOver / mouseOut をキャッチして、同じ名前のすべてのポイントを見つけることができます。

series:{
            point:{
                events:{
                    mouseOver:function(){

                        var series = this.series,
                            name = this.name;

                        $.each(series.data, function(i, data){
                            if(data.name === name) {
                                data.setState('hover');
                            }
                        });
                    },
                    mouseOut:function(){
                        var series = this.series,
                            name = this.name;

                        $.each(series.data, function(i, data){
                            if(data.name === name) {
                                data.setState('');
                            }
                        });
                    }
                }
            }
        }

例: http://jsfiddle.net/TUy7x/782/

于 2015-08-14T12:48:19.990 に答える