Question

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

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

如何防止图表（绿色）与背景重叠（白色）？ （刚刚创建了帐户，因此无法插入图片）

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'
  }
},

调整'130％'无法解决问题。

更新::: http://jsfiddle.net/jm8E4/3/

由于

Answer 1

您可以在yAxis上使用innerRadius。

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

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

Answer 2

尝试以下代码

<强> EDITED

我更改了innerradius和outerradius

       background: {
            backgroundColor: '#fff',
            innerRadius: '60%',
            outerRadius: '100%',
            shape: 'arc',
            borderColor: 'transparent'
        }

创建innerRadius与outerRadius

相同的图表

outerRadius是图表显示的背景半径，innerRadius是图表半径。

<强>演示 Edited Fiddle

Highcharts Solid Gauge宽度

2 个答案: