echarts 旭日图相关配置hover显示全,初始化文本溢出隐藏

504 阅读2分钟
  title: {
                text: '产业园区绿色升级',
                textStyle: {
                    fontSize: 28,
                    align: 'center'
                },
                subtextStyle: {
                    align: 'center'
                },
                sublink: 'https://worldcoffeeresearch.org/work/sensory-lexicon/'
            }
  //           ,tooltip: {
  //   trigger: 'name'
  // },
  ,
  // tooltip: {
  //   extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);',
  //           },
  silent: true,
  series: [
    {
      radius: ['20%', '90%'],
      type: 'sunburst',
      sort: undefined,
      emphasis: {
        focus: 'ancestor'
      },
      data: [
        {
          name:'清洁生产产业',
          value: 10,
          children: [
            {
              value: 2,
              name:'节能型泵...及真空设备制造',
              children: [
                {
                  value: 1,
                  name:'节能型气...及真空设备制造',
                },{
                  value:1,
                  name:'节能型泵...及真空设备制造',
                }
              ]
            },
            {
              value:2,
                  name:'过程废气...及真空设备制造',
              children: [
                {
                  value: 0
                },{
                  value: 0
                }
              ]
            },{
              value:2,
                  name:'产业园区...及真空设备制造',
              children:[
                {
                  value:1,
                  name:'园区污染...及真空设备制造',
                },{
                  value:1,
                  name:'园区资源...及真空设备制造',
                }
                ]
            }
          ]
        },
        {
          value: 6,
                  name:'清洁能源产业',
          children: [
            {
              value:2,
                  name:'新能源与...及真空设备制造',
              children:[
                {
                  value:1,
                  name:'风力发电...及真空设备制造',
                }
                ]
            }
          ]
        },
        {
          value: 8,
                  name:'基础设施绿色升级',
          children: [
            {
              value: 2,
                  name:'产业园区...及真空设备制造',
              children: [
                {
                  value: 1,
                  name:'无毒无害...及真空设备制造',
                },{
                  value:1,
                  name:'危险废物...及真空设备制造',
                }
              ]
            },{
              value: 2,
                  name:'生产过程...及真空设备制造',
              children: [
                {
                  value: 1,
                  name:'综合整治...及真空设备制造',
                }
              ]
            }
          ]
        },
        {
          value: 10,
                  name:'节能环保产业',
          children: [
            {
              value: 2,
                  name:'先进环保...及真空设备制造',
              children: [
                {
                  value: 1,
                  name:'大气污染...及真空设备制造',
                },{
                  value:1,
                  name:'水污染防...制造',
                }
              ]
            },{
              value: 2,
                  name:'高效节能...装备制造',
              children: [
                {
                  value: 1,
                  name:'节能锅炉...及真空设备制造',
                },{
                  value:1,
                  name:'节能型泵...及真空设备制造',
                }
              ]
            },{
              value: 2,
                  name:'新能源汽...及真空设备制造',
            },{
              value: 2,
                  name:'资源循环...制造',
            },{
              value: 2,
                  name:'节能型气...及真空设备制造',
              children: [
                {
                  value: 1,
                  name:'节能型泵...及真空设备制造',
                },{
                  value:1,
                  name:'节能型泵...及真空设备制造',
                }
              ]
            }
          ]
        },
        {
          value: 6,
                  name:'绿色服务',
          children: [
            {
              value: 2,
                  name:'节能型泵...及真空设备制造',
              children: [
                {
                  value: 1,
                  name:'节能型泵...及真空设备制造',
                },{
                  value:1,
                  name:'节能型泵...及真空设备制造',
                }
              ]
            },{
              value: 2,
                  name:'节能型泵...及真空设备制造',
              children: [
                {
                  value: 1,
                  name:'节能型泵...及真空设备制造',
                }
              ]
            }
          ]
        },
        {
          value: 8,
                  name:'生态环境产业',
          children: [
            {
              value: 2,
                  name:'节能型泵...及真空设备制造',
              children: [
                {
                  value: 1,
                  name:'节能型泵...及真空设备制造',
                },{
                  value:1,
                  name:'节能型泵...及真空设备制造',
                }
              ]
            },{
              value: 2,
                  name:'节能型泵...及真空设备制造',
            },{
              value: 2,
                  name:'节能型泵...及真空设备制造',
              children: [
                {
                  value: 1,
                  name:'节能型泵...及真空设备制造',
                },{
                  value:1,
                  name:'节能型泵...及真空设备制造',
                }
              ]
            }
          ]
        }
      ],
      label: {
        color: '#fff',
        textBorderColor: '#fff',
        // textBorderWidth: 2,
        // formatter: function (param) {
        //   var depth = param.treePathInfo.length;
        //   if (depth === 2) {
        //     return 'radial';
        //   } else if (depth === 3) {
        //     return 'tangential';
        //   } else if (depth === 4) {
        //     return '0';
        //   }
        //   return '';
        // }
      },
      levels: [
        {},
        {
          itemStyle: {
            color: '#e86452'
          },
          label: {
            rotate: 'radial111',
            overflow: "truncate",
              width:60,
             
          }
        },
        {
          itemStyle: {
            color: '#ff9845'
          },
          label: {
            rotate: 'radial',
            overflow: "truncate",
            width:60,
           
          }
        },
        {
          itemStyle: {
            color: '#ffc75f'
          },
          label: {
            rotate: 'radial',
            overflow: "truncate",
          width:60,
         
          }
        }
      ]
    }
  ]
}