ECharts极简入门

ECharts 是一个基于 JavaScript的开源可视化图表库，广泛应用于数据可视化的场景中，支持多种图表范例，如柱状图、折线图、饼图、散点图、雷达图等，且具有强盛的自界说功能。
  1. ECharts 根本使用

起首须要引入 ECharts 库，通常通过 CDN 或本地引入。以下是通过 CDN 引入的方式：

1. <!DOCTYPE html>
2. <html lang="en">
3. <head>
4.     <meta charset="UTF-8">
5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
6.     <title>ECharts 入门教程</title>
7.     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/echarts.min.js"></script>
8.     <style>
9.         #chart {
10.      
11.      
12.             width: 100%;
13.             height: 400px;
14.         }
15.     </style>
16. </head>
17. <body>
18.     <div id="chart"></div>
20.     <script>
21.         // 初始化 ECharts 实例
22.         var chart = echarts.init(document.getElementById('chart'));
24.         // 配置项
25.         var option = {
26.      
27.      
28.             title: {
29.      
30.      
31.                 text: 'ECharts 入门示例',
32.                 subtext: '子标题',
33.                 left: 'center'
34.             }

复制代码