馅饼甜甜圈高图的内部区域颜色

Posted 2021-03-27

如何在馅饼甜甜圈高图的内部区域添加颜色。是否可以使用图表自定义代码

plotOptions: {
          pie: {
                borderColor: '#fff',
                innerSize: '60%',

            allowPointSelect: true,
            cursor: 'pointer',
            dataLabels: {
              enabled: true,
              color: '#000000',
              connectorColor: '#000',

            }
          }
        }

https://jsfiddle.net/id10922606/3shr7742/。任何的想法？

答案

您可以使用renderer添加自定义形状，如圆形。

另一答案

像塞巴斯蒂安说的那样，绘制一个自定义形状：

https://api.highcharts.com/class-reference/Highcharts.SVGRenderer#circle

例：

var sgDims = chart.seriesGroup.element.getBBox();    
chart.renderer
.circle(sgDims.width / 2, sgDims.height / 2 + sgDims.y, sgDims.width / 2 - 10)
.attr('fill','#F0F')
.add()
;