Echarts基本入门之柱状图、折线图通用配置
作者：lin_fightin 发布时间：2024-04-28 09:37:10
标签：echarts,折线图,柱形图
1echarts的基本步骤
四步
1 找dom容器
2 初始化Init
3 配置options
4 setOptions
几乎124的步骤是一样的，options是配置项，想呈现什么图标就配什么。
最基本的带最大值最小值的柱状图
2 平均值 markLine属性
3 数值显示 柱宽度， 横向柱状图
数值显示 label属性
柱宽度 barWidth
横向的话只需要注意两个轴的转变就行
通用配置 即饼图散点图通用的配置
title 标题
tooltip: 提示
toolbox 工具按钮
legend 图例
tooltip 提示框组件， 鼠标滑过图表的时候提示
formatter也可以设置函数
toolbox
可以导出图片，数据视图， 动态类型切换，数据区域缩放， 重置等五个工具等功能
legend 图例，用于筛选系列 需要与series配合使用
四个通用配置基本使用就是这样
title 标题 tooltip提示框 工具按钮toolbox 图例:legend
折线图
基本绘制
大小值平均值， 标注区间
大小值平均值跟柱状图一摸一样
标注区间 markArea
线条控制 平滑 smooth
填充风格
紧挨边缘
y轴范围
scale
堆叠图 serise每个设置stack: ‘all'
正常
会重叠，可以设置
每个series都加
就会变成这样，不会重叠但是要注意y轴的变化，上面那条线起点是1000，他只是往上添加了1000。
再加上areaStyle
堆叠的效果就更加明显。
总结
来源：https://blog.csdn.net/lin_fightin/article/details/117405414
0
投稿猜你喜欢
- 基础环境# +++++ 阿里云OSS开发指南里都有详细的步骤，在这里整理了一下自己需要的东西# 确定开发环境，centOS默认安装了pyth
- 我要坦白一点。尽管我是一个应用相当广泛的公共域 Python 库的创造者，但在我的模块中引入的单元测试是非常不系统的。实际上，那些测试大部分
SQL实现表里数据按一定顺序排序后，按某几个字段分组后相邻两行数据实现加减乘除运算。思路：1：先把表数据分组排序后打上序号标签2：根据需求把- Gradio 是做什么的？先决条件：Gradio 需要 Python 3.7 或更高版本，仅此而已！gradio.app/quickstar
- 内容摘要：本文介绍了使用SQL语句修改数据记录的两种方法，一是使用rs.update，二是使用conn.Execute(sql)，相信对初学
- PHP异步调用实现方式 浏览器和服务器之间只一种面向无连接的HTTP协议进行通讯的，面向无连接的程序的特点是客户端请求服务端，服务端根据请求
- 一、了解seleniumSelenium是一个用于测试网站的自动化测试工具，支持各种浏览器包括Chrome、Firefox、Safar等浏览
- 一、设置画布turtle为我们展开用于绘图区域，我们可以设置它的大小和初始位置turtle.screensize(canvwidth=600
- 有时候我们可能需要import另一个路径下的python文件，例如下面这个目录结构，我们想要在_train.py里import在networ
- 本文实例讲述了python中list循环语句用法。分享给大家供大家参考。具体用法分析如下：Python 的强大特性之一就是其对 list 的
- 前言本文介绍的是DDCTF第五题，绕过未知字段名的技巧，这里拿本机来操作了下，思路很棒也很清晰，分享给大家，下面来看看详细的介绍：实现思路题
- 目录1. 关联规则1.1 基本概念1.2 关联规则Apriori算法2. mlxtend实战关联规则2.1 安装2.2 简单的例子3. 总结
- 在 settings.py 中添加以下内容：LOGGING = { 'version': 1, &#
- socket只能处理一个client连接，如果需要并发处理多个链接则需要使用socketserver,下面是代码示例以及注释server端i
- 利用ResNet18进行手写数字识别先写resnet18.py代码如下：import torchfrom torch import nnfr
- 这次介绍日期数据处理。用python中的方法对日期数据进行处理, 我们可以获取很多有用的信息, 比如年月日,星期,周次,季度等, 这里分享工
- 函数内省(function introspection)除了__doc__属性， 函数对象还有很多属性，对于下面的函数，可以使用dir()查
- 本文实例为大家分享了selenium+python京东自动登录及秒杀的代码，供大家参考，具体内容如下运行环境：python 2.7pytho
- 在使用npm 的过程中，搜索网上的资料基本上可以看到类似如下的描述：“npm是国外的，使用起来比较慢，我们这里使用淘宝的cnpm镜像”。初体
- 为了实现项目中的搜索功能，我们使用的是全文检索框架haystack+搜索引擎whoosh+中文分词包jieba安装和配置安装所需包pip i
