CanvasJS JavaScript 图表 - 官方
CanvasJS是一个 JavaScript 图表库 为您的网页创建交互式图表。 库支持多种图表类型,包括栏,行,区,派,甜甜圈图等. 图表与React,Angular,jQuery,PHP等所有受欢迎的技术与框架合作.
浏览器支持
 颜色 |  边缘 |  火花 |  萨法里 |  IE9 + 软件 |  综合环境8 |
|---|---|---|---|---|---|
| 4+ | 12+ | 3.6+ | 4+ | 9+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ | 第8条 |
重要链接
安装 CavasJS JavaScript 图表
安装CanvasJS JavaScript Charts有多种方法. 您可以直接添加脚本标签以包含从 CDN或从官方网站下载 或从 国家预防机制登记册请参考 文档页面 更多信息.
通过国家预防机制安装图表
npm install --save @canvasjs/charts
见 npm 文档 更了解npm的用法. 在CanvasJS脚本被安装后,可以使用AMD,CommonJS等不同的模块格式来导入.
//Load CanvasJS Charts
import * as CanvasJS from "@canvasjs/charts";
//var CanvasJS = require("@canvasjs/charts");
//Intantiate Chart
var chart = new CanvasJS.Chart("container", {
//Chart Options - Check https://canvasjs.com/docs/charts/chart-options/
title:{
text: "Basic Column Chart in JavaScript"
},
data: [{
type: "column",
dataPoints: [
{ label: "apple", y: 10 },
{ label: "orange", y: 15 },
{ label: "banana", y: 25 },
{ label: "mango", y: 30 },
{ label: "grape", y: 28 }
]
}]
});
//Render Chart
chart.render();
通过 CDN 使用 CanvasJS 图表
你可以直接从我们的CDN访问 CanvasJS Charts.
<script src="https://cdn.canvasjs.com/ga/canvasjs.min.js"></script>
从官方网站下载
您可以下载 JavaScript 图表库以及我们官方提供的例子 下载页面。将其保存在您的工程目录中,并在应用程序中添加.
<script src="canvasjs.min.js"></script>
交互式 Java 脚本图
带有多 Y 轴的 JavaScript 图表
JavaScript 图表, 有缩放/ 平放
相关图表软件包
许可证
CanvasJS的商业用途 图表需要商业许可证。 没有商业许可证,您可以将其用于评估(或示范/测试)目的。 学生、教育机构、使用CanvasJS进行非商业用途的个人网站有资格获得免费许可证。 检查出来 许可证页 更了解执照.