# @amcharts/amcharts4-ember 中文文档

规范地址：https://npmcn.com/package/%40amcharts/amcharts4-ember/

版本：4\.10\.40
npm 元数据更新时间：2025-03-08T08:18:48.303Z
中文译文更新时间：2026-11-06T00:13:53.735Z
软件包许可：SEE LICENSE IN LICENSE

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40amcharts/amcharts4-ember
原文对照：https://npmcn.com/package/%40amcharts/amcharts4-ember/?lang=original
项目主页：https://www.amcharts.com/
源码仓库：https://github.com/amcharts/amcharts4

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：179 MB，1821 个文件
- TypeScript 类型：未声明
- Node.js 要求：^4\.5 \|\| 6\.\* \|\| \>= 7\.\*
- 运行依赖：1 个
- 首次发布：2018-04-05T14:23:38.978Z
- 最新版本发布：2025-03-08T08:18:48.078Z
- 近 30 天下载量：29671（2026-10-06 至 2026-11-04，npm 官方下载统计）
- 已发布版本数：286（近 12 个月 0 个）

## 中文简介

图表 4 的 Ember 附加

## 安装

```sh
npm install @amcharts/amcharts4-ember
```

也可以使用：`pnpm add @amcharts/amcharts4-ember`、`yarn add @amcharts/amcharts4-ember`、`bun add @amcharts/amcharts4-ember`

## README

# @amcharts/amcharts4-ember (英语)

图表 4 的 Ember 添加

## 安装

```
ember install @amcharts/amcharts4-ember
```

## 使用量

添加数据 `amcharts4.files` 数组到您的 `EmberApp`数字 :

```js
let app = new EmberApp(defaults, {
  amcharts4: {
    files: [

    ]
  }
});
```

然后进入 `files` 您应当包含您将要使用的各种文件( 如果您忘记包含一个文件, 您将会得到一个运行时间错误, 告诉您需要添加的文件 ):

```js
let app = new EmberApp(defaults, {
  amcharts4: {
    files: [
      "charts",
      "themes/animated"
    ]
  }
});
```

确定您的模板包含 `<div>` 图表的元素 :

```js
<div id="chartdiv" style="width: 100%; height: 500px;"></div>
```

最后,按正常方式导入和使用V4(确保使用 `didInsertElement` 财务报告和审定财务报表 `willDestroyElement` 方法:

```js
import Component from "@ember/component";
import * as am4core from "@amcharts/amcharts4/core";
import * as am4charts from "@amcharts/amcharts4/charts";
import am4themes_animated from "@amcharts/amcharts4/themes/animated";

am4core.useTheme(am4themes_animated);

export default Component.extend({
  init() {
    this._super(...arguments);
    this.chart = null;
  },

  didInsertElement() {
    this._super(...arguments);

    let chart = am4core.create("chartdiv", am4charts.XYChart);
    chart.paddingRight = 20;

    let data = [];
    let visits = 10;
    for (let i = 1; i < 366; i++) {
      visits += Math.round((Math.random() < 0.5 ? 1 : -1) * Math.random() * 10);
      data.push({ date: new Date(2018, 0, i), name: "name" + i, value: visits });
    }

    chart.data = data;

    let dateAxis = chart.xAxes.push(new am4charts.DateAxis());
    dateAxis.renderer.grid.template.location = 0;

    let valueAxis = chart.yAxes.push(new am4charts.ValueAxis());
    valueAxis.tooltip.disabled = true;
    valueAxis.renderer.minWidth = 35;

    let series = chart.series.push(new am4charts.LineSeries());
    series.dataFields.dateX = "date";
    series.dataFields.valueY = "value";

    series.tooltipText = "{valueY.value}";
    chart.cursor = new am4charts.XYCursor();

    let scrollbarX = new am4charts.XYChartScrollbar();
    scrollbarX.series.push(series);
    chart.scrollbarX = scrollbarX;

    this.chart = chart;
  },

  willDestroyElement() {
    if (this.chart) {
      this.chart.dispose();
    }
    this._super(...arguments);
  }
});
```

## 常见问题

### @amcharts/amcharts4-ember 是什么？

图表 4 的 Ember 附加

### 如何安装 @amcharts/amcharts4-ember？

在项目目录运行 npm install @amcharts/amcharts4-ember，或使用 pnpm add / yarn add / bun add。

### @amcharts/amcharts4-ember 支持 TypeScript 吗？

该包的 package\.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/amcharts\_\_amcharts4-ember 是否存在。

### @amcharts/amcharts4-ember 需要什么版本的 Node\.js？

package\.json 的 engines 字段要求 Node\.js ^4\.5 \|\| 6\.\* \|\| \>= 7\.\*。版本不符时 npm 默认只给出警告，开启 engine-strict 后会拒绝安装。

### @amcharts/amcharts4-ember 可以商用吗？

@amcharts/amcharts4-ember 使用 SEE LICENSE IN LICENSE 许可。许可条款写在包内的独立文件中，请阅读该文件确认可否商用。以上为概括，不构成法律意见，请以许可原文为准。

### @amcharts/amcharts4-ember 的下载量有多少？

根据 npm 官方下载统计，@amcharts/amcharts4-ember 在 2026/10/06 – 2026/11/04 这 30 天内被下载 29,671 次，日均约 989 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @amcharts/amcharts4-ember 还在维护吗？

最新版本 4\.10\.40 发布于 2025/03/08（1\.7 年前）；至今共发布 286 个版本，其中过去 12 个月发布了 0 个；首次发布于 2018/04/05。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。