ECharts数据可视化饼状图(环形图-进度半圆形)

销售进度 (quarter) -饼状图

实现步骤：

• 寻找官方的类似示例，给予分析,引入到HTML页面中
• 按照需求来定制它。

链接: 环形图.

完整js代码

// 销售模块 饼形图 半圆形 设置方式
(function() {
   
  // 1. 实例化对象
  var myChart = echarts.init(document.querySelector(".gauge"));
  // 2. 指定数据和配置
  var option = {
   
    series: [
      {
   
        name: "销售进度",
        type: "pie",
        radius: ["130%", "150%"],
        // 移动下位置  套住50%文字
        center: ["48%", "80%"],
        //是否启用防止标签重叠策略
        // avoidLabelOverlap: false,
        labelLine: {
   
          normal: {
   
            show: false