Echarts常用组件

浏览器画图原理

Canvas ：基于像素，单个html类似于画笔在画布上画画，echarts基于canvas画图，

Svg ：基于对象模型，多个图形元素，高保真

常见图形组件

标题

var option = {
title: {
show:true,  //是否显示
text: '标题',
subtext: '副标题',
left: 150, //左边距150px，可选center，right
borderColor: 'red',
borderWidth: 5  //标题边框宽度
}
}

工具栏

var option = {
toolbox: {
show: true,
feature: {
dataView: {
show: true  //数据视图
},
restore: {
show: true  //还原
},
dataZoom: {
show: true  //数据缩放
},
saveAsImage: {
show: true  //保存为图片
},
magicType: {
type: ['line','bar']  //动态类型切换
}
}
}
}

弹窗，根据鼠标位置显示数据信息

var option = {
tooltip: {
show: true,  //默认是true
trigger: 'axis'  //根据X轴显示
}
}

标记线和标记点

var option = {
series: [{
name: '销量',
type: 'line',
data: [3,6,12],
markPoint: {
data: [
{type: 'max', name: '最大值'},
{type: 'min', name: '最小值'}
]
},
markLine: {
data: [
{type: 'average', name: '平均値'}
]
}
}]
}

图例，坐标轴

Echarts常用组件相关推荐

ECharts官方文档及常用组件柱状图联动
ECharts官方文档及常用组件柱状图联动导入js包 <!DOCTYPE html> <html><head><meta charset="ut ...
ECharts 常用图表一看即会「散点图」「饼图」「地图」「雷达图」「仪表盘」
文接上篇 ECharts 入门知识 ECharts 入门真的很简单 ,本文继续介绍 ECharts 常用图表相关内容. 一.散点图散点图多用于推断不同维度数据之间的相关性,如下图判断身高体重相关性散 ...
网站搭建时常用组件及样式
网站搭建时常用组件及样式前言一.CSS 1.div圆角 2.边框阴影 3.div水平分布 4.div水平分布自动换行 5.Transform 6.文本两端对齐 7.针对于不同屏幕大小的样式 7.1 ...
Echarts常用柱状图
最近做可视化比较多,就常用的图表类型做了一下总结. 因为做可视化的图表代码量非常大,所以会把echarts图表单独抽离出来,封装成一个组件,也可以复用,所以这里我直接把封装的组件直接放在这里,是可以直 ...
ECharts常用配置项
ECharts常用配置 setOption()绘制图表使用 echarts 实例的 setOption() 可以设置图表实例的配置项以及数据,万能接口,所有参数和数据的修改都可以通过 setOpti ...
JQuery EasyUI的常用组件
jQuery EasyUI 是一个基于 jQuery 的框架,集成了各种用户界面插件,该框架提供了创建网页所需的一切,帮助您轻松建立站点. 注:本次介绍的JQuery EasyUI版本为1.5版. 一 ...
wdcp php5.3 pdo_mysql,WDCP常用组件（memcache、mysqli、PDO_MYSQL、mysql innodb、libmcrypt、php zip）的安装方法...
一般来说WDCP安装之后就可以正常使用了,不过对于一些朋友来说还无法满足,现在收集了有关WDCP常用组件,比如memcache.mysqli.PDO_MYSQL.mysql innodb.libmcr ...
amazeui学习笔记--css（常用组件4）--关闭按钮Close
amazeui学习笔记--css(常用组件4)--关闭按钮Close 一.总结 1.关闭按钮基本用法:关闭按钮样式,可以结合其他不同组件使用.对 <a> 或者 <button> ...
amqp协议_AMQP协议、模型及RabbitMQ常用组件
大家好,我是小T 今天咱们来介绍RabbitMQ的消息发送的原理 ^-^ RabbitMQ作为一款消息中间件,它的核心功能主要是消息的收发.消息收发的媒介是通过网络传输来实现的. RabbitMQ最底 ...

Echarts常用组件

Echarts常用组件相关推荐

最新文章

热门文章