javascript - Highcharts 地图 - 圆形缩放按钮

Question

我正在为一个项目使用 Highcharts API。一切正常，但我有一个问题。我希望放大/缩小按钮是四舍五入的。我试过border-radius 50%，改变mapNavigation.buttonOptions.theme 上的r 值，但没有一个适合我。

任何帮助将不胜感激

标签： javascripthighcharts

Answer 1

用于mapNavigation.buttonOptions.theme.r调整边框半径

mapNavigation: {
   enabled: true,
   buttonOptions: {
       theme: {
          r: 8, // change border radius here
       },
       verticalAlign: 'bottom'
   }
},

代码和演示：http: //jsfiddle.net/j8213ymh/2/