Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feature] 仪表盘(gauge)的"progress"功能希望能设置背景 #20060

Open
comvir opened this issue Jun 21, 2024 · 7 comments
Open

[Feature] 仪表盘(gauge)的"progress"功能希望能设置背景 #20060

comvir opened this issue Jun 21, 2024 · 7 comments

Comments

@comvir
Copy link

comvir commented Jun 21, 2024

What problem does this feature solve?

5.5.0版的gauge新增了progress功能,当配置只显示progress时,希望有个轨道背景,看起来像个完整的进度条。
虽然可以叠加一个serie实现,如果progress能直接设置背景最好不过。

What does the proposed API look like?

{
   type:"gauge",
   progress:{
      show:true,
      background:{
         //someprops
      }
   }
}
@echarts-bot echarts-bot bot added the pending We are not sure about whether this is a bug/new feature. label Jun 21, 2024
Copy link

echarts-bot bot commented Jun 21, 2024

@comvir 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

[Feature] I hope the background can be set for the "progress" function of the dashboard (gauge)

@plainheart
Copy link
Member

试试 itemStyle.color 设置为一个 image

@comvir
Copy link
Author

comvir commented Jun 24, 2024

试试 itemStyle.color 设置为一个 image

itemcolor本来是要跟随区间色的,progress看起来像个进度条,如果有个背景就是完整的进度条了

@plainheart
Copy link
Member

plainheart commented Jun 24, 2024

不太明白想要什么样的效果。能画个示意图么?我指的是 progress 选项下的 itemStyle.color

@comvir comvir closed this as completed Jun 24, 2024
@comvir comvir reopened this Jun 24, 2024
@comvir
Copy link
Author

comvir commented Jun 24, 2024

不太明白想要什么样的效果。能画个示意图么?我指的是 progress 选项下的 itemStyle.color
例如这样
image
如图所示,进度条的颜色"progress.itemStyle.color"设的"auto",进度到不同位置时颜色不同。
图中的灰色背景我用饼图替代的。

@Ovilia
Copy link
Contributor

Ovilia commented Jun 26, 2024

axisLine.lineStyle.color: [ [1, 'blue']]

See demo

@Ovilia Ovilia added support topic: gauge waiting-for: author and removed new-feature pending We are not sure about whether this is a bug/new feature. labels Jun 26, 2024
@comvir
Copy link
Author

comvir commented Jun 26, 2024

axisLine.lineStyle.color: [ [1, 'blue']]

See demo

意思理解有误,进度条本体色是可以变色的,变色依据是"axisLine.lineStyle.color"可以设多段颜色

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants