ECharts数据可视化饼图(南丁格尔玫瑰图)

ECharts图表实现步骤：

• 从官方示例中找到类似图表，适当修改，引入到HTML页面中。
• 按照产品需求，来定制图表。

https://echarts.apache.org/zh/option.html#series-pie.label.edgeDistance

echarts五个步骤

    1. 引入库：echarts.min.js
    2. 准备有大小的DOM容器（HTML结构）
    3. 实例化echarts对象：echarts.init(DOM容器)
    4. 配置echarts：提供一个对象配置项
    5. 将配置项给echarts对象：echarts对象.setOption(配置项)

1. HTML引入图表

2. 定制需求

option = {
   
    // 提示框组件
    tooltip: {
   
      // trigger 触发方式。  非轴图形，使用item的意思是放到数据对应图形上触发提示
      trigger: 'item',
      // 格式化提示内容：
      // a 代表series系列图表名称