echarts [Bug] 如何扩充markArea区域背景色宽度

iq3niunx 于 5个月前发布在 Echarts

关注(0)|答案(8)|浏览(110)

Version

5.3.2

Link to Minimal Reproduction

none

Steps to Reproduce

markArea: {

          data: [
            [
              {
                name: "受理服务",
                xAxis: "普通电话受理",
                itemStyle: {
                  color:"rgba(1, 151, 255, 0.4)"
                },
                label: {
                  backgroundColor: "#0197FF",
                  color: "white",
                  borderColor: "#0197FF",
                  borderWidth: 1,
                  padding: 8,
                  align: "center"
                  // width: 120
                }
              },
              {
                xAxis: "网点受理"
              }
            ],
            [
              {
                name: "揽收服务",
                xAxis: "普通电话受理",
                itemStyle: {
                 color:"rgba(1, 80, 193, 0.4)
                },
                label: {
                  backgroundColor: "#0150C1",
                  color: "white",
                  borderColor: "#0150C1",
                  borderWidth: 1,
                  padding: 8,
                  align: "center"
                  // width: 120
                }
              },
              {
                xAxis: "网点受理"
              }
            ],
           ]
        }

Current Behavior

the markArea bgcolor is base the x center point，how can it extend left and right area.

Expected Behavior

markArea

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response

echarts

来源：https://github.com/apache/echarts/issues/18842

8条答案

按热度按时间

fd3cxomn1#

@Oracimaru It seems you are not using English, I've helped translate the content automatically. To make your issue understood by more people and get helped, we'd like to suggest using English next time. 🤗
TRANSLATED

TITLE

[Bug] How to expand the width of the background color in the markArea area

BODY

Version

5.3.2

Link to Minimal Reproduction

none

Steps to Reproduce

markArea: {

          data: [
            [
              {
                name: "Acceptance Service",
                xAxis: "Ordinary call acceptance",
                itemStyle: {
                  color:"rgba(1, 151, 255, 0.4)"
                },
                label: {
                  backgroundColor: "#0197FF",
                  color: "white",
                  borderColor: "#0197FF",
                  borderWidth: 1,
                  padding: 8,
                  align: "center"
                  // width: 120
                }
              },
              {
                xAxis: "Acceptance at outlets"
              }
            ],
            [
              {
                name: "Collection Service",
                xAxis: "Ordinary call acceptance",
                itemStyle: {
                 color: "rgba(1, 80, 193, 0.4)
                },
                label: {
                  backgroundColor: "#0150C1",
                  color: "white",
                  borderColor: "#0150C1",
                  borderWidth: 1,
                  padding: 8,
                  align: "center"
                  // width: 120
                }
              },
              {
                xAxis: "Acceptance at outlets"
              }
            ],
           ]
        }