CanvasJS JavaScript 股票图表 - 官方
CanvasJS Stock Charts)为您提供了一个强大的 JavaScript 库存图 用于为您的网页和应用程序创建高级财务图表的库。 StockCharts与React,Angular,jQuery,PHP等所有受欢迎的技术与框架合作良好.
浏览器支持
 颜色 |  边缘 |  火花 |  萨法里 |  IE9 + 软件 |  综合环境8 |
|---|---|---|---|---|---|
| 4+ | 12+ | 3.6+ | 4+ | 9+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ | 第8条 |
重要链接
安装 CavasJS JavaScript 股票图表
在您的网络应用中安装 CanvasJS StockChart 有多种方式. 您可以直接添加脚本标签, 以包含 CanvasJS StockCharts CDN或从官方网站下载 或从 国家预防机制登记册请参考 文档页面 更多信息.
通过国家预防机制安装库存图
npm install @canvasjs/stockcharts
见 npm 文档 更了解npm的用法.
通过 CDN 使用 CanvasJS 股票图表
你可以直接从我们的CDN访问 CanvasJS StockCharts.
<script src="https://cdn.canvasjs.com/canvasjs.stock.min.js"></script>
从官方网站下载
您可以下载 JavaScript 库存图库, 以及我们官方提供的例子 下载页面。将其保存在您的工程目录中,并在应用程序中添加.
<script src="canvasjs.stock.min.js"></script>
使用量
一旦安装了软件包,可以在您的项目中开始使用 CanvasJS StockCharts. CanvasJS StockCharts可以使用AMD,CommonJS等不同模块格式导入.
//Load CanvasJS StockCharts
import * as CanvasJS from "@canvasjs/stockcharts";
//var CanvasJS = require("@canvasjs/stockcharts");
定义库存图的容器.
<div id="stockChartContainer"></div>
创建种子图( 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();
相关的 StockChart 软件包
许可证
CanvasJS StockChart的商业用途需要商业许可证。 没有商业许可证,您可以将其用于评估(或示范/测试)目的。 学生、教育机构、使用CanvasJS进行非商业用途的个人网站有资格获得免费许可证。 检查出来 许可证页 更了解执照.