Echart 随便写的

绝地灬酷狼 2021-11-23 06:52 304阅读 0赞

test001

startFloor  
stopFloor

currentLoad

散点图  
legentd 是2个  
范围图  
图可双击事件

\-------------------------------------------------------------------  
散点图

option = \{  
xAxis: \{\},  
yAxis: \{\},  
series: \[\{  
symbolSize: 20,  
data: \[  
\[10.0, 8.04\],  
\[8.0, 6.95\],  
\[13.0, 7.58\],  
\[9.0, 8.81\],  
\[11.0, 8.33\],  
\[14.0, 9.96\],  
\[6.0, 7.24\],  
\[4.0, 4.26\],  
\[12.0, 10.84\],  
\[7.0, 4.82\],  
\[5.0, 5.68\]  
\],  
type: 'scatter'  
\}\]  
\};

时间，值，两个维度

点线，折线图  
option = \{  
xAxis: \{  
type: 'category',  
data: \['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'\]  
\},  
yAxis: \{  
type: 'value'  
\},  
series: \[\{  
data: \[820, 932, 901, 934, 1290, 1330, 1320\],  
type: 'line'  
\}\]  
\};

保持平滑  
smooth: true

title 和背景色

backgroundColor: new echarts.graphic.RadialGradient(0.3, 0.3, 0.8, \[\{  
offset: 0,  
color: '\#f7f8fa'  
\}, \{  
offset: 1,  
color: '\#cdd0d5'  
\}\]),  
title: \{  
text: '1990 与 2015 年各国家人均寿命与 GDP'  
\},  
  
用于 起点和终点  
legend: \{  
right: 10,  
data: \['1990', '2015'\]  
\},  
  
  
==》 series 下面的，如果点上去会显示具体详情

label: \{  
emphasis: \{  
show: true,  
formatter: function (param) \{  
return param.data\[3\];  
\},  
position: 'top'  
\}  
\},  
  
legend和 name必须相同才可以  
  
yAxis  
scale: true 设置 是否从0开始  
  
  
  
xAxis 设置x轴是否有边界  
boundaryGap: false,  
  
  
  
y轴的指数表示方式  
yAxis: \{  
type: 'log',  
name: 'y'  
\},

转载于:https://www.cnblogs.com/genestart/p/11177239.html

发表评论取消回复

表情：

评论列表（有 0 条评论，304人围观）

还没有评论，来说两句吧...

相关阅读

相关手写一个迷你版 HashMap，面试随便问！

作者：张丰哲来源： jianshu.com/p/b638f19aeb64 HashMap是Java中常用的集合，而且HashMap的一些思想，对于我们平时解决业务上的一

约定不等于承诺〃/ 2022年09月10日 13:20/ 0 赞/ 187 阅读

相关 C++的基础，平时随便写的一些代码

关于C++的一些基础知识，构造函数，赋值构造函数，运算符重载，析构函数，类模板等 include <iostream> include <cstring> using

本是古典何须时尚/ 2022年08月26日 00:58/ 0 赞/ 174 阅读

相关随便说说

看linux内核源码的时候，之前用的是source insight，但是因为文件太多，索引加载起来太痛苦了后来使用lxr在线查看linux源码，虽然不用自己索引，但实际上还

亦凉/ 2022年06月17日 00:48/ 0 赞/ 242 阅读

相关每天随便写点项目中遇到的细节问题(2)

由于textarea里不能插图片,所以我采用了div + contenteditable:true 的方法,这个方法却产生了个BUG ,就是placeholder 属性不

太过爱你忘了你带给我的痛/ 2022年06月07日 13:53/ 0 赞/ 117 阅读

相关每天随便写点项目中遇到的细节问题(1)

1.element ui input输入框不能监听键盘enter事件 2.做聊天时,输入框一般不推荐使用textarea 因为里面不能识别表情什么的, 建议用div 并添加上

谁借莪１个温暖的怀抱￠/ 2022年06月07日 12:11/ 0 赞/ 128 阅读

相关随便写写。

1. 我2017干了啥终于开始意识到自己该规划规划自己了的小小程序员记录一下自己的年终总结。 1.1 学习今年的学习主要就是刷题与看书。今年年初参

刺骨的言语ヽ痛彻心扉/ 2022年06月02日 02:42/ 0 赞/ 188 阅读

相关由于不能随便改路径，所以写在这里

`export LD_LIBRARY_PATH=/usr/local/cuda-8.0/lib64:$LD_LIBRARY_PATH` `export PATH=/usr/

喜欢ヅ旅行/ 2022年05月28日 12:30/ 0 赞/ 129 阅读

相关随便写点啥

1、很不错，终于理解和使用了spring的事务。。。。值得自我表扬 @Transactional @Service public class 类service

ゞ浴缸里的玫瑰/ 2022年03月09日 13:16/ 0 赞/ 197 阅读

相关随便聊聊

上一篇文章是在去年8月份写的, 已经快半年没到csdn写东西了. 一来是习惯了在everynote里面写东西, 另外是现在越来越忙, 没多少时间来写片长篇博文了. 去年到现在

谁践踏了优雅/ 2022年02月26日 00:08/ 0 赞/ 228 阅读

相关 Echart 随便写的

test001 startFloor stopFloor currentLoad 散点图 legentd 是2个范围图图可双击事件 \----

绝地灬酷狼/ 2021年11月23日 06:52/ 0 赞/ 305 阅读