Echarts区域填充效果
Echarts区域填充效果
参考官方配置手册series.areaStyle.normal
附代码
series: [{
name: '平均温度',
type: 'line',
yAxisIndex: 1,
data: [3.2, 3.3, 3.6, 4.5, 7.3, 11.6, 13.3, 13.9, 16.6, 17.5, 19.0, 19.2]
},
{
name: '实测温度',
type: 'line',
areaStyle: {
normal: {
color: {
type: 'linear',//设置线性渐变
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [{
offset: 0, color: 'green' // 0% 处的颜色
}, {
offset: 1, color: 'white' // 100% 处的颜色
}],
globalCoord: false // 缺省为 false
},
}
},
yAxisIndex: 1,
data: [3.0, 2.6, 3.2, 3.5, 6.8, 10.2, 12.3, 13.4, 15.8, 16.5, 18.0, 18.2]
}]
低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
jquery文字动画特效插件分享 animatext.js文档
animatext.js文档 animatext是一款简单的jquery文字动画特效插件。通过该jquery文字动画插件,你可以在显示一串文字时,添加多种炫酷的动画效果。 使用方法 在页面中引入jquery和animatext.min.js文件,如果需要额外的动画效果,可以添加animate.min.css动画库。 <link rel="stylesheet" href="css/animate.min.css" type="text/css" /> <script src="path/to/jquery.min.js"></script> <script src="path/to/animatext.min.js"></script> HTML结构 你可以为任意标题文字,段落文字添加文字动画特效。例如: <h3 class="demo">青春,人生当中最美好的时光,不知不觉就会逝去,正因如此,我们才更加感怀青春。</h3> 初始化插件 在页面DOM元素加载完毕之后,可以通过animatext()方法来...
- 下一篇
Java 常用类库 之 比较类 Comparable
http://www.verejava.com/?id=169930999133100 /** 知识点: 比较类 Comparable 题目: 将某班学生按数学成绩从小到大排序 思路: 1. 抽象出类: 1.1 班级(ClassSet) 1.2 学生(Student) 2. 找出类关系: 2.1 学生 属于 班级 Student -> ClassSet(多对1) 3. 找出类属性: 3.1 ClassSet(班级名称,班级人数) 3.2 Student(学生名称,数学成绩) 4. 找出类方法: 4.1 学生添加到班级 ClassSet{addStudent(Student s)} 4.2 学生成绩从小到大排序 ClassSet{sortByScore()} */ import java.util.Arrays; public class TestComparable { public static void main(String[] args) { //实例化4G班级 ClassSet c = new ClassSet("4G", 4); //添加学生 c.addStudent...
相关文章
文章评论
共有0条评论来说两句吧...
文章二维码
点击排行
推荐阅读
最新文章
- CentOS7编译安装Gcc9.2.0,解决mysql等软件编译问题
- Docker快速安装Oracle11G,搭建oracle11g学习环境
- CentOS8编译安装MySQL8.0.19
- MySQL8.0.19开启GTID主从同步CentOS8
- SpringBoot2全家桶,快速入门学习开发网站教程
- CentOS7,CentOS8安装Elasticsearch6.8.6
- CentOS8,CentOS7,CentOS6编译安装Redis5.0.7
- Red5直播服务器,属于Java语言的直播服务器
- CentOS8安装MyCat,轻松搞定数据库的读写分离、垂直分库、水平分库
- SpringBoot2整合MyBatis,连接MySql数据库做增删改查操作