Version
5.3.0
Link to Minimal Reproduction
No response
Steps to Reproduce
color渐变色配置:
areaStyle: {
opacity: 0.5,
color: {
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [
{
offset: 0,
color: 'rgb(254 134 22 / 20%)',
},
{
offset: 1,
color: '#fff',
},
],
},
},
Current Behavior
colorStops里color写法 rgb(254 134 22 / 20%)会报错,改成rgba(254 134 22 / 20%)就好了
Expected Behavior
支持 rgb(254 134 22 / 20%)写法
Environment
- OS:
- Browser:
- Framework:
Any additional comments?
No response
6条答案
按热度按时间sg3maiej1#
I'm sorry to close this issue for it lacks the necessary title. Please provide a descriptive and as concise as possible title to describe your problems or requests and then the maintainers or I will reopen this issue.
Every good bug report or feature request starts with a title. Your issue title is a critical element as it's the first thing maintainers see.
A good issue title makes it easier for maintainers to understand what the issue is, easily locate it, and know what steps they'll need to take to fix it.
Moreover, it's better to include keywords, as this makes it easier to find the issue self and similar issues in searches.
xsuvu9jc2#
@oseaweed 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] ColorStops in colorStops is written as rgb (254 134 22/ 20% error reporting
BODY
Version
5.3.0
Link to Minimal Reproduction
No response
Steps to Reproduce
color gradient configuration:
areaStyle: {
opacity: 0.5,
color: {
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [
{
offset: 0,
color: 'rgb(254 134 22 / 20%)',
},
{
offset: 1,
color: '#fff',
},
],
},
},
Current Behavior
In colorStops, the writing method of color rgb(254 134 22 / 20%) will report an error, just change it to rgba(254 134 22 / 20%)
Expected Behavior
Support rgb (254 134 22 / 20%) writing method
Environment
Any additional comments?
No response
dced5bon3#
建议使用以逗号分隔的传统写法,我记得空格分隔的写法应该还没有得到 echarts 的完整支持。
wvt8vs2t4#
建议使用以逗号分隔的传统写法,我记得空格分隔的写法应该还没有得到 echarts 的完整支持。
逗号分割也不行 得用rgba的写法 目前只有用这里会报错
shstlldc5#
带透明度一般还是建议用 rgba 而不是 rgb,尽量使用传统写法,一些浏览器支持的新写法还没有全面兼容。
u1ehiz5o6#
ecomfe/zrender#932
加了正则检测,转换处理。