2016-05-10 2 views
0

http://jsfiddle.net/sgrg93/7z6r4gkk/Highcharts:TreeMapの選択状態上記のコードで

plotOptions: { 
    treemap: { 
    allowPointSelect: true, 
    states: { 
     hover: { 
     borderColor: "red" 
     } 
    } 
    } 
}, 

を働いていない、私は彼らに置くと赤色の境界線を見るために私を可能にホバー状態を使用しました。また、複数のツリーセクションを選択すると、赤色の境界が維持されます。

は今、私が必要とすることは、私がツリーのセクションを選択した場合にのみ、赤色の境界線が見られるということである、とホバーに、国境の変化は認められませんでした。

(動作しない)このような何か

plotOptions: { 
    treemap: { 
    allowPointSelect: true, 
    states: { 
     select: {  //hover changed to select 
     borderColor: "red" //change color only on select and not on hover 
     } 
    } 
    } 
}, 

は、これを実現する方法はありますか?以下を試してみてください、あなたのツリーマップのセクションでは、ホバー状態で選択した場合にのみ赤の境界線を持っていて、いないと

答えて

1

plotOptions: { 
    treemap: { 
     allowPointSelect: true, 
     point: { 
      events: { 
       select: function() { 
        this.update({ 
         borderColor: 'red', borderWidth: 4 
        });     
       } 
      } 
     } 
    } 
} 

あなたのポイントのためにselectイベントを設定しているあなたがここでやっています(あなたがユーザーに選択させたいtreemapのアイテム)を選択してから、境界の色と幅を変更するように要求します(変更をより正確に示すために幅を追加しました)。

は、ここであなたが確認することができます修正フィドルます:http://jsfiddle.net/brightmatrix/7z6r4gkk/5/

私はこれがあなたのために便利ですね!

+2

... [unselect'イベント](http://api.highcharts.com/highcharts#plotOptions.treemap.point.events.unselect)で変更を元に戻すことができます - http://jsfiddle.net/7z6r4gkk/6 / –

関連する問題