网站首页 > 技术文章 正文
echarts 旭日图相关配置hover显示全,初始化文本溢出隐藏
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, } } ] } ] }
猜你喜欢
- 2024-10-12 安详解在vue中使用echarts图表实例代码
- 2024-10-12 echarts两点连线,中间没有数值情况下实现连线,x轴标题超长解决
- 2024-10-12 ECharts—百度可视化图表插件(echarts数据可视化网站)
- 2024-10-12 vue之将echart封装为组件(vue echart 组件)
- 2024-10-12 百度echarts使用(百度 echarts)
- 2024-10-12 「ECharts 术语速查手册」简介(echarts emphasis)
- 2024-10-12 分享7个常用的echarts示例(echarts介绍)
- 2024-10-12 Vue实战090:Vue使用ECharts图表详解
- 2024-10-12 9、echarts 在 vue 中怎么引用?(必会)
- 2024-10-12 Spring Boot 2.x基础教程:使用 ECharts 绘制各种华丽的数据图表
- 最近发表
- 标签列表
-
- cmd/c (90)
- c++中::是什么意思 (84)
- 标签用于 (71)
- 主键只能有一个吗 (77)
- c#console.writeline不显示 (95)
- pythoncase语句 (88)
- es6includes (74)
- sqlset (76)
- apt-getinstall-y (100)
- node_modules怎么生成 (87)
- chromepost (71)
- flexdirection (73)
- c++int转char (80)
- mysqlany_value (79)
- static函数和普通函数 (84)
- el-date-picker开始日期早于结束日期 (76)
- js判断是否是json字符串 (75)
- c语言min函数头文件 (77)
- asynccallback (71)
- localstorage.removeitem (74)
- vector线程安全吗 (70)
- java (73)
- js数组插入 (83)
- mac安装java (72)
- 无效的列索引 (74)