echarts

Echarts 是一个开源的可视化图表库，使用 JavaScript 编写并由百度开发和维护。它支持多种图表类型（如折线图、柱状图、散点图、饼图等），交互式特性（如缩放、拖拽、悬停提示）、动画效果等功能。Echarts 使用了优秀的可视化组件库 ZRender 进行图形渲染，可以在浏览器端和 Node.js 环境中使用。

以下是使用 Echarts 创建图表的基本步骤：

1. 引入 Echarts 库：

   <script src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>

2. 准备一个 HTML 容器，用于放置图表：

   <div id="chart" style="width: 600px; height: 400px;"></div>

3. 使用 JavaScript 创建图表实例，并配置图表的样式和数据：

   var myChart = echarts.init(document.getElementById('chart'));
   var option = {
     title: {
       text: '折线图示例'
     },
     xAxis: {
       type: 'category',
       data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
     },
     yAxis: {
       type: 'value'
     },
     series: [{
       data: [120, 200, 150, 80, 70, 110, 130],
       type: 'line'
     }]
   };
   myChart.setOption(option);

   以上示例创建了一个折线图，数据为一周内每天的销售额。在图表配置中，我们设置了图表的标题、x 轴和 y 轴的类型和数据，以及一个数据系列（series），其中包括数据和图表的类型（line 表示折线图）。最后，我们通过调用 echarts.init() 方法创建一个图表实例，将其绑定到 HTML 容器上，并设置图表实例的配置项。

   通过 Echarts，我们可以轻松创建符合美观和交互性的图表，并且提供了许多可定制项，以满足不同需求的应用场景。