radialBar

[TOC]
- ## plotOptions
  - ### radialBar
    - #### ~~size: Number~~
      已弃用。此属性不再可用。
    - #### inverseOrder: Boolean
      是将系列的第一个值设为最内层还是最外层
    - #### startAngle: Number
      radialBars 应该开始的角度
    - #### endAngle: Number
      radialBars 应该结束的角度。startAngle 和 endAngle 之和不应超过 360。
    - #### offsetX: Number
      设置 radialBars 的左偏移量
    - #### offsetY: Number
      设置 radialBars 的顶部偏移量
    - #### hollow:
      - ##### margin: Number
        将从可用空心尺寸中减去的间距
      - ##### size: String
        相对于图表总可用大小的百分比大小
      - ##### background: String
        radialBars 空心部分的背景颜色
      - ##### image: String
        可选的图片网址，可显示在镂空区域。
      - ##### imageWidth: Number
        镂空图像的宽度
      - ##### imageHeight: Number
        空心图像的高度
      - ##### imageOffsetX: Number
        设置空心图像的左偏移量
      - ##### imageOffsetY: Number
        设置镂空图像的顶部偏移量
      - ##### imageClipped: Boolean
        如果为 true，则图像不会超出空心区域并包含在其中。
      - ##### position: String
        可用选项

- front
        - back
      - ##### dropShadow
        - ###### enabled: Boolean
          为 SVG 的路径启用阴影
        - ###### top: Number
          设置阴影的顶部偏移
        - ###### left: Number
          设置阴影的左偏移
        - ###### blur: Number
          设置阴影的模糊距离
        - ###### opacity: Number
          设置阴影的不透明度。
    - #### track:
      - ##### show: Boolean
        在条形线下显示轨道。
      - ##### startAngle: Number
        轨道开始的角度。
      - ##### endAngle: Number
        轨道结束的角度。
      - ##### background: Color || Array of Colors
        轨道的颜色。如果你想为每个轨道使用不同的颜色，你可以传递一个颜色数组。
      - ##### width: Number
        轨道宽度
      - ##### opacity: Number
        轨道的不透明度
      - ##### margin: Number
        每条轨道之间的间距
    - #### dataLabels:
      - ##### show: Boolean
        是否在 radialBars 中显示标签
      - ##### name
        - ###### show: Boolean
          显示与其值关联的相应柱的名称
        - ###### fontSize: String
          dataLabel中名称的字体大小
        - ###### fontFamily: String
          dataLabel中名字的字体
        - ###### fontWeight: String | Number
          数据标签中名称的字体粗细
        - ###### color: Color
          dataLabel 中名称的颜色
        - ###### offsetY: Number
          设置名称的顶部偏移量
      - ##### value
        - ###### show: Boolean
          显示与名称标签关联的值标签
        - ###### fontSize: String
          dataLabel 中值标签的字体大小
        - ###### fontFamily: String
          dataLabel中值标签的字体
        - ###### fontWeight: String | Number
          dataLabel 中值标签的字体粗细
        - ###### color: Color
          dataLabel 中值标签的颜色
        - ###### offsetY: Number
          设置值标签的顶部偏移量
        - ###### formatter: function
          应用于 dataLabel 中的值标签的自定义格式化程序函数
      - ##### total
        - ###### show: Boolean
          在 radialBar 的内部区域显示所有系列的总数
        - ###### label: String
          "总计"的标签。默认为"总计"
        - ###### color: Color
          总标签颜色
        - ###### fontSize: String
          dataLabel中总标签的字体大小
        - ###### fontFamily: String
          dataLabel 中总标签的字体
        - ###### fontWeight: String | Number
          dataLabel 中总标签的字体粗细
        - ###### formatter: function
          应用于总值的自定义格式化程序函数。它接受一个参数w，其中包含图表的配置和全局对象。
		  默认为所有系列百分比的总和除以系列长度。

```javascript
  plotOptions: {
      radialBar: {
          inverseOrder: false,
          startAngle: 0,
          endAngle: 360,
          offsetX: 0,
          offsetY: 0,
          hollow: {
              margin: 5,
              size: '50%',
              background: 'transparent',
              image: undefined,
              imageWidth: 150,
              imageHeight: 150,
              imageOffsetX: 0,
              imageOffsetY: 0,
              imageClipped: true,
              position: 'front',
              dropShadow: {
                enabled: false,
                top: 0,
                left: 0,
                blur: 3,
                opacity: 0.5
              }
          },
          track: {
              show: true,
              startAngle: undefined,
              endAngle: undefined,
              background: '#f2f2f2',
              strokeWidth: '97%',
              opacity: 1,
              margin: 5, 
              dropShadow: {
                  enabled: false,
                  top: 0,
                  left: 0,
                  blur: 3,
                  opacity: 0.5
              }
          },
          dataLabels: {
              show: true,
              name: {
                  show: true,
                  fontSize: '16px',
                  fontFamily: undefined,
                  fontWeight: 600,
                  color: undefined,
                  offsetY: -10
                },
                value: {
                  show: true,
                  fontSize: '14px',
                  fontFamily: undefined,
                  fontWeight: 400,
                  color: undefined,
                  offsetY: 16,
                  formatter: function (val) {
                    return val + '%'
                  }
                },
                total: {
                  show: false,
                  label: 'Total',
                  color: '#373d3f',
                  fontSize: '16px',
                  fontFamily: undefined,
                  fontWeight: 600,
                  formatter: function (w) {
                    return w.globals.seriesTotals.reduce((a, b) => {
                      return a + b
                    }, 0) / w.globals.series.length + '%'
                  }
                }
          }
      }
  }
```