---
title: "Ext.echart.Chart"
description: "xtype 为 echart 的 Ext JS 原生组件参考。"
---

> Documentation Index
> Fetch the complete documentation index at: https://ag.879818327.xyz/llms.txt
> Use this file to discover all available pages before exploring further.

# Ext.echart.Chart

源码定义：`ext-all-debug.js:146174`。分类：基础组件与提示。

## 创建示例

```javascript
var component = Ext.create("Ext.echart.Chart", {
  xtype: "echart",
  series: [],
  xAxis: {},
  yAxis: {},
  renderTo: Ext.getBody()
});
```

## 属性

| 属性 | 类型 | 默认值 | 说明 | 配置示例 |
| --- | --- | --- | --- | --- |
| `series` | `Array` | `[]` | 配置组件的 `series` 选项。 | `series: []` |
| `xAxis` | `Object` | `{}` | 配置组件的 `xAxis` 选项。 | `xAxis: {}` |
| `yAxis` | `Object` | `{}` | 配置组件的 `yAxis` 选项。 | `yAxis: {}` |

## 方法

| 方法 | 参数 | 说明 | 调用示例 |
| --- | --- | --- | --- |
| `afterRender` | `` | 生成 `after` 的渲染结果。 执行时会保留父类默认行为、刷新界面或布局、更新 `title`、`chartComp` 状态。源码涉及 `callParent()`、`update()`、`mon()`、`bindStore()`。 | `component.afterRender()` |
| `bindStore` | `` | 绑定 `store`。 执行时会更新 `store` 状态。源码涉及 `mon()`、`refresh()`。 | `component.bindStore()` |
| `refresh` | `params` | 刷新组件。源码涉及 `pruneObject()`、`setOption()`。 | `component.refresh(...)` |
| `fieldNameToData` | `fieldName` | 将 `fieldName` 转换为 `data`。 | `component.fieldNameToData(...)` |
| `pruneObject` | `object` | 处理 `pruneObject` 操作。源码涉及 `fieldNameToData()`。 | `component.pruneObject(...)` |
| `setOption` | `options` | 设置 `option`。 | `component.setOption(...)` |
| `onDestroy` | `` | 处理 `destroy` 回调。 执行时会保留父类默认行为。源码涉及 `callParent()`。 | `component.onDestroy()` |
| `resize` | `` | 调整尺寸当前组件。 | `component.resize()` |

## 事件

源码中未找到该组件自身注册的事件；可监听继承事件。

Source: https://ag.879818327.xyz/ext/basic/echart-chart/index.mdx