角度ハイチャートをクリックしてui-bootstrapを開く方法

Question

これはハイチャートの指示に渡してハイチャートの列をクリックするとクリックイベントが発生する設定オブジェクトです。ハイチャートの任意の列をクリックします。そこにドロップダウン：

options: { 
         chart: { 
          type: 'column' 
         }, 

        }, 
        xAxis: { 
         categories: ['Oct 2015', 'Nov 2015', 'Dec 2015', 'Jan 2016', 'Feb 2016', 'March 2016'] 
        }, 
        yAxis: [{ // Primary yAxis 
         title: {`enter code here` 
          text: 'Volume' 
         } 
        }, { // Secondary yAxis 
         title: { 
          text: 'Sentiment' 
         }, 
         opposite: true 
        }], 
        series: [{ 
         name: 'Volume - Same period last year', 
         type: 'column', 
         data: [1410, 610, 400, 785, 450, 400], 
         point: { 
          events: { 
           click: function(e) { 
            vm.showDropdown = true; 
            vm.dropDownStyle.top = e.clientY; 
            vm.dropDownStyle.left = e.clientX; 
            console.log('event', e); 
            $scope.$apply(); 
           } 
          } 
         }, 
         color: '#2CAFC7' 
        }, { 
         name: 'Volume - Last 180 days ', 
         type: 'column', 
         data: [1210, 710, 700, 485, 410, 350], 
         point: { 
          events: { 
           click: function(e) { // here I am getting click event 
            console.log('clicked'); 
            vm.showDropdown = true; 
            vm.dropDownStyle.top = e.clientY; 
            vm.dropDownStyle.left = e.clientX; 
            console.log('event', e); 
            $scope.$apply(); 
           } 
          } 
         }, 
         color: '#4C79BF' 
        }], 

        func: function (chart) { 
         //setup some logic for the chart 
         $timeout(function() { 
          chart.reflow(); 
         }, 1000); 
        } 
       } 

Answer 1

あなたは、式の中で取りis-open属性を使用するドロップダウンが開いているかどうかを判断するブール変数を追加し、コールバックをクリックしcolumn`sにtrueに設定するか...

https://angular-ui.github.io/bootstrap/

is-open $（デフォルト：false） - ドロップダウンメニューが開いているかどうかを定義します。 uib-dropdown-toggleはクリック時にこの属性を切り替えます。