# @dvsl/zoomcharts 中文文档

规范地址：https://npmcn.com/package/%40dvsl/zoomcharts/

版本：1\.21\.22
npm 元数据更新时间：2026-11-02T22:03:17.310Z
中文译文更新时间：2026-11-13T01:12:13.633Z
软件包许可：SEE LICENSE IN \<license\.txt\>

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

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

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

- 包体积（解压后）：3.4 MB，105 个文件
- 模块格式：CommonJS
- TypeScript 类型：包内自带
- 运行依赖：0 个
- 首次发布：2018-07-13T12:10:38.275Z
- 最新版本发布：2026-11-02T22:03:17.122Z
- 近 30 天下载量：3087（2026-10-13 至 2026-11-11，npm 官方下载统计）
- 已发布版本数：41（近 12 个月 10 个）

## 中文简介

缩放图 Javascript 库.

## 安装

```sh
npm install @dvsl/zoomcharts
```

也可以使用：`pnpm add @dvsl/zoomcharts`、`yarn add @dvsl/zoomcharts`、`bun add @dvsl/zoomcharts`

## README

# 缩放图

世界最具互动性的数据可视化软件

-   官方网站(简体中文) [缩放.com](https://zoomcharts.com/en/)
-   下载页面 : [缩放.com/en/javascript-charts-library/定价/](https://zoomcharts.com/en/javascript-charts-library/pricing/)
-   许可证发放: [缩放.com/en/legal/](https://zoomcharts.com/en/legal/)
-   支助: [论坛.zoomcharts.com](https://forum.zoomcharts.com/)

## 下载并安装缩放图

请注意,使用缩略图有几种方法。 一般安装指令见 [文档](https://zoomcharts.com/developers/en/introduction.html)。 。 。 .

### 使用我们的CDN

与其下载,不如使用我们的CDN直接访问文件. 见 [缩放.com/开发商/en/overview/installation.html](https://zoomcharts.com/developers/en/overview/installation.html) 详细情况.

```
<script src="https://cdn.zoomcharts-cloud.com/1/stable/zoomcharts.js"></script>
```

### 从 npm 安装

见 [npm 文档](https://docs.npmjs.com/) 如何从 npm 开始.

```
npm install --save @dvsl/zoomcharts
```

## 装入缩放图作为 ES6 模块

ZoomCharts可以被装入为ES6模块,使用转接器-Babel和TypeScript.

### 宝贝

```javascript
import { TimeChart } from "@dvsl/zoomcharts" 

//Generate the chart
var t = new TimeChart({
    //options
})
```

### 类型脚本

```javascript
import * as zc from "@dvsl/zoomcharts"

let TimeChart = zc.TimeChart;

//Generate the chart
var t = new TimeChart({
    //options
})
```

## 构建和调试

如果要修改缩放图或修正问题,可以自行构建文件. 缩放图采用Webpack作为构建系统.

```
npm i webpack webpack-cli copy-webpack-plugin --save-dev
```

弹出结构

```
.
├── index.html
├── package.json
├── index.js
└── webpack.config.js
```

设置 ****软件包.json**** 文件

```javascript
{
  "name": "zoomcharts-webpack",
  "version": "1.0.0",
  "description": "",
  "main": "./build/bundle.js",
  "scripts": {
    "start": "webpack --config webpack.config.js",
    "webpack": "webpack"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "@dvsl/zoomcharts": "^1.18.4"
  },
  "devDependencies": {
    "copy-webpack-plugin": "^4.5.2",
    "webpack": "^4.15.0",
    "webpack-cli": "^3.0.8"
  }
}
```

创建 ****网络包装. config.js**** 文件

```javascript
const path = require('path');
const CopyWebpackPlugin = require('copy-webpack-plugin');
module.exports = {
    entry: './index.js',
    output: {
        path: path.resolve(__dirname, 'build'),
        filename: 'bundle.js'
    },
    plugins: [
        new CopyWebpackPlugin([
            {
                from: './node_modules/@dvsl/zoomcharts/lib/assets',
                to: 'assets'
            }
        ])
    ]
};
```

## 常见问题

### @dvsl/zoomcharts 是什么？

缩放图 Javascript 库\.

### 如何安装 @dvsl/zoomcharts？

在项目目录运行 npm install @dvsl/zoomcharts，或使用 pnpm add / yarn add / bun add。

### @dvsl/zoomcharts 支持 TypeScript 吗？

支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。

### @dvsl/zoomcharts 支持 ESM 还是 CommonJS？

以 CommonJS 形式发布，可以直接 require\(\)；在 ES Module 项目中也可以用 import 引入（Node\.js 会把 module\.exports 作为默认导出）。

### @dvsl/zoomcharts 可以商用吗？

@dvsl/zoomcharts 使用 SEE LICENSE IN \<license\.txt\> 许可。许可条款写在包内的独立文件中，请阅读该文件确认可否商用。以上为概括，不构成法律意见，请以许可原文为准。

### @dvsl/zoomcharts 的下载量有多少？

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

### @dvsl/zoomcharts 还在维护吗？

最新版本 1\.21\.22 发布于 2026/11/03（10 天前）；至今共发布 41 个版本，其中过去 12 个月发布了 10 个；首次发布于 2018/07/13。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。