Highcharts实心宽度 [英] Highcharts Solid Gauge Width

问题描述

我还没有找到一个API或以前的问题来解决更改实体厚度数据图的宽度。

我可以轻松更改图表宽度，绘图宽度，绘图填充，圆弧背景的内部和外部宽度......但不是图表。

如何防止图表（绿色）与背景（白色）重叠？
（刚创建的帐号，所以无法插入图片）

$ b

https://www.dropbox.com/s/dtvekgi9uyxvpww/arc.png

 窗格：{
中心：['50％'，'70％']，
大小：'130％'，
 startAngle ：-90，
 endAngle：90，
背景：{
 backgroundColor：'#fff'，
 innerRadius：'75％'，
 outerRadius：'100％ '，
 shape：'arc'，
 borderColor：'transparent'
} 
}，
  

调整'130％'并不能解决问题。

UPDATE ::: http://jsfiddle.net/jm8E4/3/

谢谢

解决方案

您可以在yAxis上使用innerRadius。

  plotOptions：{
 solidgauge：{
 innerRadius：'75％'，
 dataLabels ：{
y：-45，
 borderWidth：0，
 useHTML：true 
} 
} 
}，
  

http://jsfiddle.net/jm8E4/6 /

I've not found an API or previous question that addresses changing the width of the solid gauge data plot.

I can easily change the chart width, plot width, plot padding, arc background's inner and outer widths... but not the chart.

How do I prevent the chart (green) from overlapping the background (white)? (Just created account, so can't insert images yet)

https://www.dropbox.com/s/dtvekgi9uyxvpww/arc.png

pane: {
  center: ['50%', '70%'],
  size: '130%',
  startAngle: -90,
  endAngle: 90,
  background: {
    backgroundColor: '#fff',
    innerRadius: '75%',
    outerRadius: '100%',
    shape: 'arc',
    borderColor: 'transparent'
  }
},

Adjusting the '130%' doesn't solve the issue.

UPDATE::: http://jsfiddle.net/jm8E4/3/

Thanks

解决方案

You can use innerRadius on yAxis.

plotOptions: {
        solidgauge: {
            innerRadius: '75%',
            dataLabels: {
                y: -45,
                borderWidth: 0,
                useHTML: true
            }
        }
 },

http://jsfiddle.net/jm8E4/6/

这篇关于Highcharts实心宽度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！