写个用Echarts 折线波峰/高低峰图
发布日期:2021-09-29 12:54:37
浏览次数:12
分类:技术文章
本文共 6579 字,大约阅读时间需要 21 分钟。
var myChart = echarts.init(document.getElementById("main")); var option = { color: ['#007AFF', '#5756D6'], grid: { x: '0', y: '0', width: '100%', height: '100%' }, xAxis: [{ type: 'category', show: false, splitLine: { show: false }, boundaryGap: false, axisLine: { show: true, lineStyle: { color: '#DCDCDC' } }, axisTick: { show: false }, data: [ '20190723', '20190724', '20190725', '20190726', '20190729', '20190730', '20190731', '20190801', '20190802', '20190805', '20190806', '20190807', '20190808', '20190809', '20190812', '20190813', '20190814', '20190815', '20190816', '20190819' ], axisLabel: { color: '#B3B3B3', fontSize: 33.12 } }], yAxis: [{ type: 'value', z: 3, max: 3.69, min: 3.4, scale: true, show: false }], series: [{ type: 'line', lineStyle: { width: 1.6560000000000001 }, showSymbol: false, animation: false, smooth: true, data: [ '3.6000', '3.6300', '3.6300', '3.6500', '3.6200', '3.6300', '3.6100', '3.6100', '3.6000', '3.6100', '3.5700', '3.5600', '3.5300', '3.5000', '3.5100', '3.4500', '3.4700', '3.4400', '3.4700', '3.5500' ], areaStyle: { origin: 'start', color: { type: 'linear', x: 0, y: 0, x2: 0, y2: 1, colorStops: [{ offset: 0, color: '#f50909' }, { offset: 0.11999999999999922, color: '#fff' }, { offset: 0.11999999999999922, color: 'transparent' } ] } } }, { type: 'line', lineStyle: { width: 0 }, showSymbol: false, animation: false, smooth: true, data: [ '3.6000', '3.6300', '3.6300', '3.6500', '3.6200', '3.6300', '3.6100', '3.6100', '3.6000', '3.6100', '3.5700', '3.5600', '3.5300', '3.5000', '3.5100', '3.4500', '3.4700', '3.4400', '3.4700', '3.5500' ], areaStyle: { origin: 'end', color: { type: 'linear', x: 0, y: 0, x2: 0, y2: 1, colorStops: [{ offset: 0.8, color: 'transparent' }, { offset: 0.8, color: '#fff' }, { offset: 1, color: '#4657f5' } ] } } } ] }; myChart.setOption(option);
转载地址:https://blog.csdn.net/hfdxmz_3/article/details/106047599 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
第一次来,支持一个
[***.219.124.196]2024年04月16日 17时42分41秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
【Java面试题九】算法篇
2019-04-26
架构设计与分层
2019-04-26
【01】Java面试----基础方面的陷阱
2019-04-26
排序算法整合
2019-04-26
Java程序员常见笔试题分析
2019-04-26
Java笔试题
2019-04-26
Spring Boot快速入门---(一)spring boot的创建及几种启动方式
2019-04-26
【物联网实训项目】------(一)家庭智慧安防系统之前期项目工作准备
2019-04-26
【物联网实训项目】------(二)家庭智慧安防系统之定时监控
2019-04-26
【物联网实训项目】------(三)家庭智慧安防系统之实时监控
2019-04-26
【物联网实训项目】------(四)家庭智慧安防系统之智能温控
2019-04-26
【物联网实训项目】------(五)家庭智慧安防系统之智能监控
2019-04-26
【物联网实训项目】------(六)家庭智慧安防系统之智能监控
2019-04-26
【物联网实训项目】------(七)家庭智慧安防系统之人脸验证
2019-04-26
日常琐事(一)
2019-04-26
数据结构----绪论
2019-04-26