2016-05-12 76 views
0

http://jsfiddle.net/5ojcppsc/HighCharts:在選擇

allowPointSelect: true, 
borderWidth: 2, 
depth: 25, 
states: { 
    select: { 
    color: "black", 
    borderColor: "red" 
    } 
} 

3D條形變化BORDERCOLOR我不能夠改變3D列的邊框顏色上選擇。有什麼辦法可以做到這一點?另外我想改變選擇的borderWidth。

PS我想避免在選擇回調事件中使用this.update()。

回答

0

您可以捕獲select事件並直接在SVG元素上進行操作。

例子: - http://jsfiddle.net/h6etesbp/

plotOptions: { 
    column: { 
    allowPointSelect: true, 
    borderWidth: 2, 
    depth: 25, 
    point: { 
     events: { 
     select:function() { 
      var p = this; 
      setTimeout(function() { 
      p.graphic.attr({ 
      'stroke': 'red', 
      'stroke-width': 2 
      }) 
      },1); 
     } 
     } 
    }, 
    } 
}, 
+0

我想避免使用回調函數。無論如何感謝解決方案。 – sagargurtu

0

我發現前幾天回答過類似的問題,你可能會發現有用:

Highcharts: Stacked Column increase borderWidth on select state

我沒有看到任何原因,爲什麼這些選項會有所不同的三維圖表。

試一試,讓我知道這是否適合你。如果這個問題沒有把你帶到你需要的地方,我可以研究一下小提琴來進一步研究你正在尋找的東西。

相關問題