[GitHub] ReanRen opened a new issue #9067: echarts 4.1.0 树图父标签背景色是白色

[GitBox <gi...@apache.org>]

ReanRen opened a new issue #9067: echarts 4.1.0 树图父标签背景色是白色
URL: https://github.com/apache/incubator-echarts/issues/9067
 
 
   <!--
   为了方便我们能够复现和修复 bug，请遵从下面的规范描述您的问题。
   -->
   
   
   ### One-line summary [问题简述]
   树图显示父标签的时候，往下钻的下一级，有的父标签的背景色全是白色，导致父标签看不见。为了能看见文字，我把父标签的背景设置为了绿色。参见：[Edit in JSFiddle](https://jsfiddle.net/rean_ren/2m5x38s0/15/?utm_source=website&utm_medium=embed&utm_campaign=2m5x38s0)  点击`炮仗故障`进入，右边的`核算凭证`标签的背景是白色的
   
   
   
   
   ### Version & Environment [版本及环境]
   + ECharts version [ECharts 版本]:4.1.0
   + Browser version [浏览器类型和版本]:Chromium 66 和 Firefox beta63都是一样的效果
   + OS Version [操作系统类型和版本]:linux deepin 15.7
   
   
   
   
   
   ### Expected behaviour [期望结果]
   父标签的背景不是白色。
   
   
   
   
   ### ECharts option [ECharts配置项]
   <!-- Copy and paste your 'echarts option' here. -->
   <!-- [下方贴你的option，注意不要删掉下方 ```javascript 和 尾部的 ``` 字样。最好是我们能够直接运行的 option。如何得到能运行的 option 参见上方的 guidelines for contributing] -->
   ```javascript
   let data = [
           {
             'name': '南网财务管理系统',
             value: 20000,
             children: [
               { name: '炮仗故障',
                 value: 6000,
                 children: [
                   { name: '核算凭证',
                     value: 20000,
                     children: [
                       { name: 'a', value: 20000 },
                       { name: 'b', value: 20000 },
                       { name: 'c', value: 20000 }
                     ] },
                   { name: '核算凭证1', value: 2000 },
                   { name: '核算凭证2', value: 2000 }
                 ] },
               { name: '无法采集电费数据', value: 3000 },
               { name: '无法登录', value: 3000 }
             ]
           },
           {
             'name': '南网财务管理系统',
             value: 20000,
             children: [
               { name: '炮仗故障',
                 value: 6000,
                 children: [
                   { name: '核算凭证',
                     value: 2000,
                     children: [
                       { name: 'a', value: 3000 },
                       { name: 'b', value: 3000 },
                       { name: 'c', value: 3000 }
                     ] },
                   { name: '核算凭证1', value: 2000 },
                   { name: '核算凭证2', value: 2000 }
                 ] },
               { name: '无法采集电费数据', value: 3000 },
               { name: '无法登录', value: 3000 }
             ]
           }
         ]
   
   let option={
           title: {
             // text: 'ECharts 配置项查询分布',
             // subtext: '2016/04',
             // left: 'leafDepth'
           },
           tooltip: {},
           series: [{
             name: '1000号报障关系图谱',
             type: 'treemap',
             visibleMin: 1,
             breadcrumb: {
               show: true,
               left: 'center',
               top: '20px'
             },
             data: data,
             leafDepth: 2,
             label: {
               show: true,
               formatter: function (obj) {
                 return `${obj.data.name}\n(${obj.data.value})`
               },
               color: 'black'
               // backgroundColor:'green'
             },
             upperLabel: {
               normal: {
                 show: true,
                 height: 30,
                 width: '100%',
                 backgroundColor: 'green',
                 position: 'inside'
                 // color:'red',
   
               },
               show: true,
               height: 30,
               width: '100%',
               backgroundColor: 'green',
               position: 'inside'
             },
             levels: [
               {
                 itemStyle: {
                   normal: {
                     borderColor: '#777',
                     borderWidth: 0,
                     gapWidth: 1
                   }
                 },
                 upperLabel: {
                   normal: {
                     show: true
                   }
                 }
               },
               {
                 itemStyle: {
                   normal: {
                     borderColor: '#555',
                     borderWidth: 5,
                     gapWidth: 1
                   },
                   emphasis: {
                     borderColor: '#ddd'
                   }
                 }
               },
               {
                 // colorSaturation: [0.35, 0.5],
                 itemStyle: {
                   normal: {
                     borderWidth: 5,
                     gapWidth: 1,
                     borderColorSaturation: 0.6
                   }
                 }
               }
             ]
           }]
         };
   
   ```
   
   
   
   
   ### Other comments [其他信息]
   [Edit in JSFiddle](https://jsfiddle.net/rean_ren/2m5x38s0/15/?utm_source=website&utm_medium=embed&utm_campaign=2m5x38s0) 点击`炮仗故障`进入，右边的`核算凭证`标签的背景是白色的
   

----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on GitHub and use the
URL above to go to the specific comment.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: dev-unsubscribe@echarts.apache.org
For additional commands, e-mail: dev-help@echarts.apache.org