ECharts入门常用图表（柱状图）

不吃鱼皮

已于 2022-08-29 14:23:59 修改

阅读量431

点赞数 1

文章标签： echarts 前端 javascript

于 2022-08-26 11:18:49 首次发布

本文链接：https://blog.csdn.net/weixin_45818290/article/details/126538681

版权

这篇博客介绍了ECharts入门教程，详细讲解了使用ECharts创建柱状图的五个基本步骤，包括引入库、准备容器、初始化实例、配置项设置等。文中提到了柱状图、线状图和饼状图三种图表类型，并讨论了柱状图的常见效果，如最大值、最小值标记，平均值线，数值显示和柱宽调整。

摘要由CSDN通过智能技术生成

使用echarts基本步骤

步骤一：引入echarts.js

步骤二：准备一个呈现图表的盒子

步骤三：初始化echarts实例对象

步骤四：准备配置项

步骤五：将配置项设置给echarts实例对象

图表类型

bar是柱状图，line是线状，pie是饼状

常见效果

        最大值/ 最小值 markPoint
        平均值 markLine
        数值显示 label
        柱宽度 barWidth

下面要介绍的是柱状图

效果图

竖向柱状图

横向柱状图

代码

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>ECharts</title>
    <!-- 引入刚刚下载的 ECharts 文件 -->
    <script src="../lib/echarts.min.js"

最低0.47元/天解锁文章

不吃鱼皮

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫