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
投稿
猜你喜欢
- 发送电子邮件在即时通信软件如此发达的今天,电子邮件仍然是互联网上使用最为广泛的应用之一,公司向应聘者发出录用通知、网站向用户发送一个激活账号
- python对函数库的引用方式1、import <库名> 例如:import turtle 如果需要使用库函数中的函数,需要使用
- 本文实例讲述了wxPython主框架的简单用法,分享给大家供大家参考。具体如下:程序代码如下:import wx class MyApp(w
- 1、 在sublime text的官网下载,是适合自己系统的版本。官网地址:https://www.sublimetext.com/32、安
- 目录结构:client:#!/usr/bin/env python# -*-coding:utf-8 -*-import socket, s
- 什么是可变/不可变对象不可变对象,该对象所指向的内存中的值不能被改变。当改变某个变量时候,由于其所指的值不能被改变,相当于把原来的值复制一份
- 传统来说,大家在CSS中使用的颜色要么是16进制格式,要么是rgb格式,就像rgb(171,205,239)。CSS3带来了一些新的处理颜色
- 所以就为FCKeditor写了个InsertCode的插件。整个插件的制作过程非常简单:FCKeditor插件开发请参考FCKeditor官
- 项目总体情况软件:Pycharm环境: Python 3.7.9(考虑到客户可能会有不同操作系统,为了兼容性考虑)技术库: requests
- oracle数据库的快照是一个表,它包含有对一个本地或远程数据库上一个或多个表或视图的查询的结果。正因为快照是一个主表的查询子集,使用快照可
- 需求:两个文件,一个文件为统计报表,里面含有手机号,另一个文件为手机号段归属地,含有手机号码前七位对应的地区。需要对统计报表进行处理,将手机
- 在使用matplotlib模块时画坐标图时,往往需要对坐标轴设置很多参数,这些参数包括横纵坐标轴范围、坐标轴刻度大小、坐标轴名称等 在mat
- 关于SQL Server数据库的一切信息都保存在它的系统表格里。我怀疑你是否花过比较多的时间来检查系统表格,因为你总是忙于用户表格。但是,你
- 一、ConfigParser简介ConfigParser 是用来读取配置文件的包。配置文件的格式如下:中括号“[ ]”内包含的为sectio
- 装饰器(Decorators)是 Python 的一个重要部分。简单地说:他们是修改其他函数的功能的函数。他们有助于让我们的代码更简短,也更
- ADO.NET 连接到 SQL Server SQL Server .NET Framework 数据提供程序支持类似于 OLE DB (A
- 本文实例讲述了php查找指定目录下指定大小文件的方法。分享给大家供大家参考。具体实现方法如下:php查找文件大小的原理是遍历目录然后再利用f
- //定义编码header( 'Content-Type:text/html;charset=utf-8 ');//Atomh
- 在学习pygame模块过程中,我们可以通过使用 pygame模块实现很多功能性的东西,但是很多人应该没有利用pygame实现过雪花飘落的效果
- 柱状图分类QBarSeries:竖向柱状图QPercentBarSeries:竖向百分比柱状图QStackedBarSeries:竖向堆叠柱