Chart

ECharts 封装，传入原生 option 对象即可渲染。

最后更新 2026-10-25 19:27:08

说明

把 ECharts option 原样交给 Option 参数，组件负责实例创建、尺寸自适应与销毁。主题跟随 LocalService。

常见能力：

任意 ECharts option
主题联动
加载态
容器高度可配

用法

<Chart Option="@option" Height="300px" />

@code {
    private object option => new {
        tooltip = new { trigger = "axis" },
        xAxis = new { type = "category", data = new[] { "1月", "2月", "3月" } },
        yAxis = new { type = "value" },
        series = new[] { new { type = "bar", data = new[] { 120, 200, 150 } } }
    };
}

API 参数

参数	类型	默认值	说明
`ChildContent`	`RenderFragment`	`null`
`Height`	`string`	`"280px"`
`Id`	`string`	`null`	DOM id，不传则自动生成。
`Loading`	`bool`	`false`
`OnReady`	`Func<IJSObjectReference, Task>`	`null`	图表实例回调，可使用 ECharts 原生 API。
`Option`	`Object`	`null`
`Visible`	`bool`	`true`	取得或设置组件是否可见，默认为false。
`VisibleChanged`	`EventCallback<bool>`	—	事件取得或设置组件可见性变化时的回调事件。
`Class`	`string`	`null`	取得或设置组件的CSS类名，用于自定义样式。
`Disabled`	`bool`	`false`	取得或设置组件是否禁用，默认为false。
`Style`	`string`	`null`	取得或设置组件的内联样式，用于自定义样式。

所有组件均继承 BaseComponent，除上表参数外还支持 Class、Style、Disabled、Visible。