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

时间:2015-10-02 10:28:04

标签: angularjs highcharts

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

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

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

            }
          }
        }

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

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

就像塞巴斯蒂安一样,绘制一个自定义形状:

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()
;