# @canvasjs/stockcharts 中文文档 规范地址：https://npmcn.com/package/%40canvasjs/stockcharts/ 版本：1\.17\.10 npm 元数据更新时间：2026-11-02T05:00:02.162Z 中文译文更新时间：2026-11-09T08:41:48.686Z 软件包许可：SEE LICENSE IN \ 本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。 原始 npm 页面：https://www.npmjs.com/package/%40canvasjs/stockcharts 原文对照：https://npmcn.com/package/%40canvasjs/stockcharts/?lang=original 项目主页：https://canvasjs.com/ ## 关键信息（来自 npm 元数据） - 包体积（解压后）：688 kB，4 个文件 - 模块格式：CommonJS - TypeScript 类型：未声明 - 运行依赖：0 个 - 首次发布：2023-05-15T13:39:37.795Z - 最新版本发布：2026-11-02T05:00:01.958Z - 近 30 天下载量：3420（2026-10-09 至 2026-11-07，npm 官方下载统计） - 已发布版本数：174（近 12 个月 51 个） ## 中文简介 CanvasJS JavaScript 股票图表 - 官方 ## 安装 ```sh npm install @canvasjs/stockcharts ``` 也可以使用：`pnpm add @canvasjs/stockcharts`、`yarn add @canvasjs/stockcharts`、`bun add @canvasjs/stockcharts` ## README [![CanvasJS](https://canvasjs.com/wp-content/uploads/images/logo/canvasjs-logo-240x100.png)](https://www.npmjs.com/~canvasjs) # CanvasJS JavaScript 股票图表 - 官方 CanvasJS Stock Charts)为您提供了一个强大的 [JavaScript 库存图](https://canvasjs.com/javascript-stockcharts/) 用于为您的网页和应用程序创建高级财务图表的库。 StockCharts与React,Angular,jQuery,PHP等所有受欢迎的技术与框架合作良好. ![JavaScript Interactive StockCharts](https://canvasjs.com/wp-content/uploads/images/npm/stockchart-interactivity.gif) ### 浏览器支持 | ![Chrome](https://canvasjs.com/wp-content/uploads/images/browser-icons/chrome.png) 颜色 | ![Edge](https://canvasjs.com/wp-content/uploads/images/browser-icons/edge.png) 边缘 | ![Firefox](https://canvasjs.com/wp-content/uploads/images/browser-icons/firefox.png) 火花 | ![Safari](https://canvasjs.com/wp-content/uploads/images/browser-icons/safari.png) 萨法里 | ![IE](https://canvasjs.com/wp-content/uploads/images/browser-icons/ie9-11.png) IE9 + 软件 | ![IE8](https://canvasjs.com/wp-content/uploads/images/browser-icons/ie8.png) 综合环境8 | | :-: | :-: | :-: | :-: | :-: | :-: | | 4+ | 12+ | 3.6+ | 4+ | 9+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ | 第8条 | ## 重要链接 - [官方网站](https://canvasjs.com/) - [JavaScript 库存图解析](https://canvasjs.com/javascript-stockcharts/) - [下载 CanvasJS](https://canvasjs.com/download-html5-charting-graphing-library/) - [库存图文档](https://canvasjs.com/docs/stockcharts/basics-of-creating-html5-stockchart/) - [库存图支持论坛](https://canvasjs.com/forums/forum/stockchart-support/) ## 安装 CavasJS JavaScript 股票图表 在您的网络应用中安装 CanvasJS StockChart 有多种方式. 您可以直接添加脚本标签, 以包含 CanvasJS StockCharts [CDN或从官方网站下载](https://canvasjs.com/download-html5-charting-graphing-library/) 或从 [国家预防机制登记册](https://npmjs.org/package/@canvasjs/stockcharts)请参考 [文档页面](https://canvasjs.com/docs/stockcharts/basics-of-creating-html5-stockchart/) 更多信息. #### 通过国家预防机制安装库存图 ``` npm install @canvasjs/stockcharts ``` 见 [npm 文档](https://docs.npmjs.com/) 更了解npm的用法. #### 通过 CDN 使用 CanvasJS 股票图表 你可以直接从我们的CDN访问 CanvasJS StockCharts. ``` ``` #### 从官方网站下载 您可以下载 JavaScript 库存图库, 以及我们官方提供的例子 [下载页面](https://canvasjs.com/download-html5-charting-graphing-library/)。将其保存在您的工程目录中,并在应用程序中添加. ``` ``` ## 使用量 一旦安装了软件包,可以在您的项目中开始使用 CanvasJS StockCharts. CanvasJS StockCharts可以使用AMD,CommonJS等不同模块格式导入. ``` //Load CanvasJS StockCharts import * as CanvasJS from "@canvasjs/stockcharts"; //var CanvasJS = require("@canvasjs/stockcharts"); ``` 定义库存图的容器. ```
``` 创建种子图( R) . ``` //Create StockChart var stockChart = new CanvasJS.StockChart("stockChartContainer", { //StockChart Options - Check https://canvasjs.com/docs/stockcharts/stockchart-options/ title: { text: "CanvasJS StockChart" }, charts: [{ data: [{ type: "line", dataPoints: [ { x: new Date("2018-01-01"), y: 71 }, { x: new Date("2018-02-01"), y: 55 }, { x: new Date("2018-03-01"), y: 50 }, { x: new Date("2018-04-01"), y: 65 }, { x: new Date("2018-05-01"), y: 95 }, { x: new Date("2018-06-01"), y: 68 }, { x: new Date("2018-07-01"), y: 28 }, { x: new Date("2018-08-01"), y: 34 }, { x: new Date("2018-09-01"), y: 14 }, { x: new Date("2018-10-01"), y: 71 }, { x: new Date("2018-11-01"), y: 55 }, { x: new Date("2018-12-01"), y: 50 }, { x: new Date("2019-01-01"), y: 34 }, { x: new Date("2019-02-01"), y: 50 }, { x: new Date("2019-03-01"), y: 50 }, { x: new Date("2019-04-01"), y: 95 }, { x: new Date("2019-05-01"), y: 68 }, { x: new Date("2019-06-01"), y: 28 }, { x: new Date("2019-07-01"), y: 34 }, { x: new Date("2019-08-01"), y: 65 }, { x: new Date("2019-09-01"), y: 55 }, { x: new Date("2019-10-01"), y: 71 }, { x: new Date("2019-11-01"), y: 55 }, { x: new Date("2019-12-01"), y: 50 } ] }] }], navigator: { slider: { minimum: new Date("2018-07-01"), maximum: new Date("2019-06-30") } } }); //Render StockChart stockChart.render(); ``` ![JavaScript StockChart](https://canvasjs.com/wp-content/uploads/images/npm/javascript-stockchart.jpg) ### 相关的 StockChart 软件包 - [反应库存图](https://www.npmjs.com/package/@canvasjs/react-stockcharts) - [角质图](https://www.npmjs.com/package/@canvasjs/angular-stockcharts) - [Vue 库存图](https://www.npmjs.com/package/@canvasjs/vue-stockcharts) - [j 查询目录](https://www.npmjs.com/package/@canvasjs/jquery-stockcharts) ## 许可证 CanvasJS StockChart的商业用途需要商业许可证。 没有商业许可证,您可以将其用于评估(或示范/测试)目的。 学生、教育机构、使用CanvasJS进行非商业用途的个人网站有资格获得免费许可证。 检查出来 [许可证页](https://canvasjs.com/license/) 更了解执照. ## 常见问题 ### @canvasjs/stockcharts 是什么？ CanvasJS JavaScript 股票图表 - 官方 ### 如何安装 @canvasjs/stockcharts？ 在项目目录运行 npm install @canvasjs/stockcharts，或使用 pnpm add / yarn add / bun add。 ### @canvasjs/stockcharts 支持 TypeScript 吗？ 该包的 package\.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/canvasjs\_\_stockcharts 是否存在。 ### @canvasjs/stockcharts 支持 ESM 还是 CommonJS？ 以 CommonJS 形式发布，可以直接 require\(\)；在 ES Module 项目中也可以用 import 引入（Node\.js 会把 module\.exports 作为默认导出）。 ### @canvasjs/stockcharts 可以商用吗？ @canvasjs/stockcharts 使用 SEE LICENSE IN \ 许可。许可条款写在包内的独立文件中，请阅读该文件确认可否商用。以上为概括，不构成法律意见，请以许可原文为准。 ### @canvasjs/stockcharts 的下载量有多少？ 根据 npm 官方下载统计，@canvasjs/stockcharts 在 2026/10/09 – 2026/11/07 这 30 天内被下载 3,420 次，日均约 114 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。 ### @canvasjs/stockcharts 还在维护吗？ 最新版本 1\.17\.10 发布于 2026/11/02（7 天前）；至今共发布 174 个版本，其中过去 12 个月发布了 51 个；首次发布于 2023/05/15。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。