<!--
为了方便我们能够复现和修复 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)
 点击`炮仗故障`进入,右边的`核算凭证`标签的背景是白色的


[ Full content available at: 
https://github.com/apache/incubator-echarts/issues/9067 ]
This message was relayed via gitbox.apache.org for [email protected]

Reply via email to