You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by "Oracimaru (via GitHub)" <gi...@apache.org> on 2023/07/04 09:58:13 UTC
[GitHub] [echarts] Oracimaru opened a new issue, #18842: [Bug] 如何扩充markArea区域背景色宽度
Oracimaru opened a new issue, #18842:
URL: https://github.com/apache/echarts/issues/18842
### 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
```markdown
- OS:
- Browser:
- Framework:
```
### Any additional comments?
_No response_
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] q1anxiaodong commented on issue #18842: [Bug] 如何扩充markArea区域背景色宽度
Posted by "q1anxiaodong (via GitHub)" <gi...@apache.org>.
q1anxiaodong commented on issue #18842:
URL: https://github.com/apache/echarts/issues/18842#issuecomment-1630537901
markArea的起点和终点在配置的时候xAxis设置缺省可以分别对应到grid的起点和终点，可能更接近你要的效果。
https://echarts.apache.org/examples/zh/editor.html?c=bar-simple&code=PYBwLglsB2AEC8sDeAoWsAeBBDEDOAXMmurGAJ4gCmRA5AMYCGYVA5sAE7m0A0J6AegGxA98qBTuUCV0YEfzQAragCnVA4BaA_b0DScoBfUwJ_agBXz-sRrjwAVCPQDWRVKVKMANhFbQA6hDAALADKMARlRtEAZrZ4VLoAvnxWACbMjEQA2rQAsjC8sLSGAK5UqbSOVJE5hq4ZOQBiHBA5AMrM1RnQtAC6JOEk5Dj4FroU1HQAbrZZtC0RsMEVVISwcbqWVrDRYLHTAIwATAAMPLCbW7ArAKx7ABx7AOx7KyuXAMwbjaNWALaMHKZYHFTLc_MLMfG6X4zX6_H4gqzQRhPGhpQDryoAwF0AsOaAQqVeIDwbAhJgOlMtujwS4qE8qhQbDCwRjSPRgDZOHQOKwvIwABQrbaHNk7A4HbYbAB0ABYAJTDSlWVpi0g2by-LqSqxMsysDjAeqRADCNLpaQAxBsVgBOM6lUpo-VUrUcOgAd1chLN5tgXk4kSoHE1tKtuv1RpNDvNzo4ro4zkibiIbPxGJAjEikQg0FYRGOj3ltns0Do9Co0BYHFFjqx1ogYdcEc2Ud-oUrpAlYopGOwBiINxr6GrlIeNeB9bbpEh0LogF_jQBspij_WKm51YDdU5TCcTSeS-1ZqZ76YyWZzTuyDbPYPzhQXJXXJdKfH5iI6nYwlSq1R7tbQ9YcNuqVhPJWun7b7XOxYGwaPl6z76kc76fgBLpuqG4b7P-lIxnGCZJrAKYrtYdgOFmOZ5se8pFiWcHrBsGEdmKp4Ykg5Hgs0tHoq06I9DCtB2NA2RhCQzShAA3EAA
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] q1anxiaodong commented on issue #18842: [Bug] 如何扩充markArea区域背景色宽度
Posted by "q1anxiaodong (via GitHub)" <gi...@apache.org>.
q1anxiaodong commented on issue #18842:
URL: https://github.com/apache/echarts/issues/18842#issuecomment-1628757601
可以设置xAxis.axisTick.alignWithLabel为false，让柱子在刻度之间对齐达到效果。https://echarts.apache.org/zh/option.html#xAxis.axisTick.alignWithLabel
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] Oracimaru commented on issue #18842: [Bug] 如何扩充markArea区域背景色宽度
Posted by "Oracimaru (via GitHub)" <gi...@apache.org>.
Oracimaru commented on issue #18842:
URL: https://github.com/apache/echarts/issues/18842#issuecomment-1630297086
> 可以设置xAxis.axisTick.alignWithLabel为false，让柱子在刻度之间对齐达到效果。https://echarts.apache.org/zh/option.html#xAxis.axisTick.alignWithLabel
非常感谢，type:'bar’可以。type:'line'有实现方式吗
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
Re: [I] [Bug] 如何扩充markArea区域背景色宽度 [echarts]
Posted by "github-actions[bot] (via GitHub)" <gi...@apache.org>.
github-actions[bot] commented on issue #18842:
URL: https://github.com/apache/echarts/issues/18842#issuecomment-3092571704
This issue has been automatically closed because it did not have recent activity. If this remains to be a problem with the latest version of Apache ECharts, please open a new issue and link this to it. Thanks!
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
Re: [I] [Bug] 如何扩充markArea区域背景色宽度 [echarts]
Posted by "github-actions[bot] (via GitHub)" <gi...@apache.org>.
github-actions[bot] commented on issue #18842:
URL: https://github.com/apache/echarts/issues/18842#issuecomment-3063829644
This issue has been automatically marked as stale because it did not have recent activity. It will be closed in 7 days if no further activity occurs. If you wish not to mark it as stale, please leave a comment in this issue.
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] Oracimaru commented on issue #18842: [Bug] 如何扩充markArea区域背景色宽度
Posted by "Oracimaru (via GitHub)" <gi...@apache.org>.
Oracimaru commented on issue #18842:
URL: https://github.com/apache/echarts/issues/18842#issuecomment-1631704193
> markArea的起点和终点在配置的时候xAxis设置缺省可以分别对应到grid的起点和终点，可能更接近你要的效果。 https://echarts.apache.org/examples/zh/editor.html?c=bar-simple&code=PYBwLglsB2AEC8sDeAoWsAeBBDEDOAXMmurGAJ4gCmRA5AMYCGYVA5sAE7m0A0J6AegGxA98qBTuUCV0YEfzQAragCnVA4BaA_b0DScoBfUwJ_agBXz-sRrjwAVCPQDWRVKVKMANhFbQA6hDAALADKMARlRtEAZrZ4VLoAvnxWACbMjEQA2rQAsjC8sLSGAK5UqbSOVJE5hq4ZOQBiHBA5AMrM1RnQtAC6JOEk5Dj4FroU1HQAbrZZtC0RsMEVVISwcbqWVrDRYLHTAIwATAAMPLCbW7ArAKx7ABx7AOx7KyuXAMwbjaNWALaMHKZYHFTLc_MLMfG6X4zX6_H4gqzQRhPGhpQDryoAwF0AsOaAQqVeIDwbAhJgOlMtujwS4qE8qhQbDCwRjSPRgDZOHQOKwvIwABQrbaHNk7A4HbYbAB0ABYAJTDSlWVpi0g2by-LqSqxMsysDjAeqRADCNLpaQAxBsVgBOM6lUpo-VUrUcOgAd1chLN5tgXk4kSoHE1tKtuv1RpNDvNzo4ro4zkibiIbPxGJAjEikQg0FYRGOj3ltns0Do9Co0BYHFFjqx1ogYdcEc2Ud-oUrpAlYopGOwBiINxr6GrlIeNeB9bbpEh0LogF_jQBspij_WKm51YDdU5TCcTSeS-1ZqZ76YyWZzTuyDbPYPzhQXJXXJdKfH5iI6nYwlSq1R7tbQ9YcNuqVhPJWun7b7XOxYGwaPl6z76kc76fgBLpuqG4b7P-lIxnGCZJrAKYrtYdgOFmOZ5se8pFiWcHrBsGEd
mKp4Ykg5Hgs0tHoq06I9DCtB2NA2RhCQzShAA3EAA
我这个场景是2个以上markArea,带dataZoom条的。因为加宽顶部受理服务滑动时会重叠，所以使用背景色区分。多个的话有别的方式吗
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] q1anxiaodong commented on issue #18842: [Bug] 如何扩充markArea区域背景色宽度
Posted by "q1anxiaodong (via GitHub)" <gi...@apache.org>.
q1anxiaodong commented on issue #18842:
URL: https://github.com/apache/echarts/issues/18842#issuecomment-1630532024
> > 可以设置xAxis.axisTick.alignWithLabel为false，让柱子在刻度之间对齐达到效果。https://echarts.apache.org/zh/option.html#xAxis.axisTick.alignWithLabel
>
> 非常感谢，type:'bar’可以。type:'line'有实现方式吗
https://echarts.apache.org/examples/zh/editor.html?c=bar-simple&code=PYBwLglsB2AEC8sDeAoWsAeBBDEDOAXMmurGAJ4gCmRA5AMYCGYVA5sAE7m0A0J6AegGxA98qBTuUCV0YEfzQAragCnVA4BaA_b0DScoBfUwJ_agBXz-sRrjwAVCPQDWRVKVKMANhFbQA6hDAALADKMARlRtEAZrZ4VLoAvnxWACbMjEQA2rQAsjC8sLSGAK5UqbSOVJE5hq4ZOQBiHBA5AMrM1RnQtAC6JOEk5Dj4FroU1HQAbrZZtC0RsMEVVISwcbqWVrDRYLHTAIwATAAMPLCbW7ArAKx7ABx7AOx7KyuXAMwbjaNWALaMHKZYHFTLc_MLMfG6X4zX6_H4gqzQRhPGhpQDryoAwF0AsOaAQqVeIDwbAhJgOlMtujwS4qE8qhQbDCwRjSPRgDZOHQOKwvIwABQrbaHNk7A4HbYbAB0ABYAJTDSlWVpi0g2by-LqSqxMsysDjAeqRADCNLpaQAxBsVgBOM6lUpo-VUrUcOgAd1chLN5tgXk4kSoHE1tKtuv1RpNDvNzo4ro4zkibiIbPxGJAjEikQg0FYRGOj3ltns0Do9Co0BYHFFjqx1ogYdcEc2Ud-oUrpAlYopGOwBiINxr6GrlIeNeB9bbpEh0LogF_jQBspij_WKm51YDdU5TCcTSeS-1ZqZ76YyWZzTuyDbPYPzhQXJXXJdKfH5iI6nYwlSq1R7tbQ9YcNuqVhPJWun7b7XOxYGwaPl6z76kc76fgBLpuqG4b7P-lIxnGCZJrAKYrtYdgOFmOZ5se8pFiWcHrBsGEdmKp4Ykg5Hgs0tHoq06I9DCtB2NA2RhCQzShAA3EAA
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] Oracimaru commented on issue #18842: [Bug] 如何扩充markArea区域背景色宽度
Posted by "Oracimaru (via GitHub)" <gi...@apache.org>.
Oracimaru commented on issue #18842:
URL: https://github.com/apache/echarts/issues/18842#issuecomment-1619940439
this is the second area.
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
Re: [I] [Bug] 如何扩充markArea区域背景色宽度 [echarts]
Posted by "github-actions[bot] (via GitHub)" <gi...@apache.org>.
github-actions[bot] closed issue #18842: [Bug] 如何扩充markArea区域背景色宽度
URL: https://github.com/apache/echarts/issues/18842
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] Oracimaru commented on issue #18842: [Bug] 如何扩充markArea区域背景色宽度
Posted by "Oracimaru (via GitHub)" <gi...@apache.org>.
Oracimaru commented on issue #18842:
URL: https://github.com/apache/echarts/issues/18842#issuecomment-1630294962
> 5.3.2
谢谢，我试了下在5.4.2版本确实起作用，5.3.2依旧是上面的样式。另外，如果把bar换成line，它依旧左右留白了，设置boundaryGap:false会让其闭合，但是依旧不是真实的对应关系，有别的配置参数吗
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] echarts-bot[bot] commented on issue #18842: [Bug] 如何扩充markArea区域背景色宽度
Posted by "echarts-bot[bot] (via GitHub)" <gi...@apache.org>.
echarts-bot[bot] commented on issue #18842:
URL: https://github.com/apache/echarts/issues/18842#issuecomment-1619935815
@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. 🤗
<details><summary><b>TRANSLATED</b></summary><br>
**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"
}
],
]
}
### Current Behavior
the markArea bgcolor is base the x center point, how can it extend left and right area.
### Expected Behavior
markArea
### Environment
```markdown
- OS:
-Browser:
- Framework:
```
### Any additional comments?
_No response_
</details>
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] q1anxiaodong commented on issue #18842: [Bug] 如何扩充markArea区域背景色宽度
Posted by "q1anxiaodong (via GitHub)" <gi...@apache.org>.
q1anxiaodong commented on issue #18842:
URL: https://github.com/apache/echarts/issues/18842#issuecomment-1628743182
https://echarts.apache.org/examples/zh/editor.html?c=bar-simple&code=PYBwLglsB2AEC8sDeAoWsAeBBDEDOAXMmurGAJ4gCmRA5AMYCGYVA5sAE7m0A0J6AegGxA98qBTuUCV0YEfzQAragCnVA4BaA_b0DScoBfUwJ_agBXz-sRrjwAVCPQDWRVKVKMANhFbQA6hDAALADKMARlRtEAZrZ4VHxWAL6hpAAmzIxEANq0ALIwvLC0hgCuVGm0jlRRuYaumbkAYhwQuQDKzDWZ0LQAuiQRJOQ4-Ba6FNR0AG622bStkcGVVISw8bqWVrAxYHHTAIwATAAMPLCbW7ArAKx7ABx7AOx7KyuXAMwbTZHzT7AAtowcplgcVMuouk-LZYzZ7zYEg-ZzcHzaCMF40WAAIkA68qAMBdALDmgEKlBGPKGkbAGIhbf64lxUF7VCg2eGQ3FWejAGycAgIjisLyMAAUK22h25OwOB22GwAdAAWACUCOJULatKsNm8vm6cvm7LMrA4wAaUQAwgymYiAMQbFYATjOZTK2OluPpjI4RARAHdXKTrSqrF5OFEqBw9fbHcazRarTiVV6OD6OM4om4iNybVCQIwolEINBWERjmG5bZ7NBHfQqNAWBwpR7SEJYE6ILHXPHNonnmEm-EcyCabT8V1YDdW6QW7SHv2wbTO7iYXDHYBf40AbKaY90e7tTUXt8Gk8mU6n9-Z2pkstmcvmnHmmm5CsWSncDtcghU-PzECvoNWmDVa6C6_UOo0mo46lZFwrPcf2dV0WCAj0Iyjf0DQRIN_0A29wWg30YzjfZkJBZNU3TTNYGza8rDzBxC2LUty2fKsazrBsNiI2BBzlWU5XHKFlyIM5ryYqFh1xFoQRYp5iV6eFaHZDgRnCEgWjCABuIA
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org