本文共 809 字，大约阅读时间需要 2 分钟。

ECharts 使用指南

ECharts是一个基于 JavaScript 的开源可视化库，能够流畅运行在PC和移动设备上，兼容主流浏览器（包括IE8/9/10/11、Chrome、Firefox、Safari等）。它的核心是依赖矢量图形库ZRender，提供直观、高交互、易于定制的数据可视化图表。

获取并编译ECharts

通过官网或包裹管理工具安装ECharts。下载后，进入项目目录，通过发行版的编译工具或脚本进行构建。编译完成后，将生成的echarts.min.js文件添加到您的js文件夹中即可使用。

初始化使用

准备一个具大小（宽高）的HTML容器元素，例如：

然后通过以下脚本初始化ECharts实例并设置配置：

// 初始化ECharts实例const myChart = echarts.init(document.getElementById('main'));// 设置图表配置const option = {  title: {    text: 'ECharts入门示例'  },  tooltip: {}, // 提示配置  legend: { // 图例配置    data: ['销量']  },  xAxis: { // X轴配置    data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']  },  yAxis: {}, // Y轴配置  series: [{ // 数据系列    name: '销量',    type: 'bar', // 柱形图    data: [5, 20, 36, 10, 10, 20]  }]};myChart.setOption(option); // 绘制图表

附录

通过以上步骤，您可以轻松绘制并交互各种类型的数据图表。记得确保DOM容器的属性以及ECharts脚本路径正确，才能正常使用图表功能。