当前位置:网站首页 > 技术博客 > 正文

echarts 教程



Apache ECharts 支持多种下载方式,在下一教程 安装 中将进一步说明。在此,我们以从 jsDelivr CDN 获取为例,说明如何快速安装。

在 https://www.jsdelivr.com/package/npm/echarts 中选择 ,点击并将其另存为 文件。

有关这些文件的更多信息,请参阅下一教程 安装。

在刚保存 的目录中创建一个新的 文件,内容如下

当您打开此 时,您将看到一个空页面。但不要担心。打开控制台并确保没有报告任何错误消息,然后您可以继续执行下一步。

在绘制之前,我们需要为 ECharts 准备一个 DOM 容器,并定义其高度和宽度。在前面介绍的 标记之后添加以下代码。

然后,您可以使用 echarts.init 方法初始化一个 echarts 实例,并使用 setOption 方法设置 echarts 实例以生成一个简单的条形图。这是完整的代码。

这就是您使用 Apache ECharts 绘制的第一个图表!

版权声明


相关文章:

  • windows性能监控软件2025-01-28 16:01:06
  • 使用usermod命令修改用户账号名称2025-01-28 16:01:06
  • 数据库的发展历程是怎么样的2025-01-28 16:01:06
  • 网页制作js特效怎么做2025-01-28 16:01:06
  • dbcp object created2025-01-28 16:01:06
  • 举例说明java实现适配器模式2025-01-28 16:01:06
  • 栅格系统布局网页效果2025-01-28 16:01:06
  • linux的dos2025-01-28 16:01:06
  • php oci2025-01-28 16:01:06
  • unity图片素材2025-01-28 16:01:06