Skip to content

feat(Chart): 宽度自适应问题 #7359

@lfeng1420

Description

@lfeng1420

Is there an existing issue for this?

  • I have searched the existing issues

Describe the bug

Chart设置Width为100%后在浏览器窗口大小调整时失效,且当设置高度为某个值(例如400px)时调整窗口大小会出现图表闪烁以及偶尔显示超出边界的情况

复现视频:https://github.com/user-attachments/assets/698d4977-764c-4fc2-a940-550dba87bdec
视频第5-10秒调整窗口大小时出现图表并没有按100%宽度显示,第18秒出现图表显示超出边界的情况
nuget包版本:
BootstrapBlazor:9.12.1
BootstrapBlazor.Chart:9.0.5

Expected Behavior

调整窗口大小时图表应保持设置的宽度(100%)和高度(400px)显示,且不应出现闪烁和显示超出边界的情况

Interactive render mode

Interactive Server (Interactive server-side rendering (interactive SSR) using Blazor Server)

Steps To Reproduce

复现步骤:参照视频,点击左边的Counter菜单,之后点击最上方的多选框,任意勾选1个或多个选项,之后调整窗口大小即可
复现示例:test.zip

Exceptions (if any)

No response

.NET Version

NET9.0

Anything else?

No response

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions