下载 Canvas JS - JavaScript

Canvas JS 是一款基于 HTML5 Canvas 技术的 JavaScript 图表库，支持多种类型的图表，包括线性图、柱状图、饼图、面积图等。

下载地址

Canvas JS 官网提供了多种下载地址和方式，包括使用 npm 安装、在线引用以及手动下载。

• 使用 npm 安装：可以在终端或命令行中输入以下命令安装 Canvas JS：

  npm install canvasjs
  

• 在线引用：可以在 HTML 文件中使用以下代码引用 Canvas JS：

  <script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
  

• 手动下载：可以在 Canvas JS 官网中的下载页面下载最新版本的 Canvas JS。

快速开始

使用 Canvas JS 创建图表非常简单，只需要按照以下步骤：

1. 引入 Canvas JS 库：

   <script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
   

2. 创建一个空的 div 元素作为图表的容器：

   <div id="chartContainer" style="height: 360px; width: 100%;"></div>
   

3. 编写 JavaScript 代码，配置和创建图表：

   var chart = new CanvasJS.Chart("chartContainer", {
     title: {
       text: "基本饼图"
     },
     data: [{
       type: "pie",
       dataPoints: [
         { label: "苹果", y: 10 },
         { label: "橙子", y: 15 },
         { label: "香蕉", y: 25 },
         { label: "葡萄", y: 30 },
         { label: "柚子", y: 20 }
       ]
     }]
   });
   
   chart.render();
   

以上代码将创建一个基本饼图，并显示在 id 为 chartContainer 的 div 中。

演示和文档

在 Canvas JS 官网上，提供了丰富的演示和文档，包括代码示例、API 文档和图表类型等。可以点击以下链接进行查看：

• 示例
• 文档
• 图表类型

支持与社区

如果需要帮助或遇到问题，可以在以下位置获取 Canvas JS 的支持和社区：

• 官网支持
• Stack Overflow
• GitHub issues