28跟我来一起精通echarts吧

香港胖仔 香港胖仔     2022-08-07     744

关键词:

1、折线图

 

 1 option = {
 2     title : {
 3         text: '未来一周气温变化',
 4         subtext: '纯属虚构'
 5     },
 6     tooltip : {
 7         trigger: 'axis'
 8     },
 9     legend: {
10         data:['最高气温','最低气温']
11     },
12     toolbox: {
13         show : true,
14         feature : {
15             mark : {show: true},
16             dataView : {show: true, readOnly: false},
17             magicType : {show: true, type: ['line', 'bar']},
18             restore : {show: true},
19             saveAsImage : {show: true}
20         }
21     },
22     calculable : true,
23     xAxis : [
24         {
25             type : 'category',
26             boundaryGap : false,
27             data : ['周一','周二','周三','周四','周五','周六','周日']
28         }
29     ],
30     yAxis : [
31         {
32             type : 'value',
33             axisLabel : {
34                 formatter: '{value} °C'
35             }
36         }
37     ],
38     series : [
39         {
40             name:'最高气温',
41             type:'line',
42             data:[11, 11, 15, 13, 12, 13, 10],
43             itemStyle:{//这里可以定义折线的主颜色
44                 normal:{
45                     color:'red'
46                 }
47                   
48             },
49             markPoint : {
50                 data : [
51                     {type : 'max', name: '最大值'},
52                     {type : 'min', name: '最小值'}
53                 ]
54             },
55             markLine : {
56                 data : [
57                     {type : 'average', name: '平均值'}
58                 ]
59             }
60         },
61         {
62             name:'最低气温',
63             type:'line',
64             data:[1, -2, 2, 5, 3, 2, 0],
65             markPoint : {
66                 data : [
67                     {name : '周最低', value : -2, xAxis: 1, yAxis: -1.5}
68                 ]
69             },
70             markLine : {
71                 data : [
72                     {type : 'average', name : '平均值'}
73                 ]
74             }
75         }
76     ]
77 };
78                     

 

 

 

朋友们,跟我来,一起抓住大数据时代的ai机遇

文章大纲1.自然语言处理实战入门图文课程视频课程2.大数据处理实践探索3.大数据+AI赋能行业,助力企业数字化转型最佳实践案例4.大数据AI系统解决方案与技术架构5.童叟无欺--你值得拥有6.心路历程--那些年我写过的总结... 查看详情

oop跟我来

世界一切归于尘土allisobject两大杀手锏:对象   类三大武器:封装;继承;多态 #!/usrself=Nonepython#-*-coding:utf-8-*-#@File:people.py#@Author:wmy#@Date:2018/1/21classPerson:aera=‘地球‘def__init__(self,name,age):sel 查看详情

跟我一起学习vim-thelifechangingeditor

前两天同事让我在小组内部分享一下VIM,于是我花了一点时间写了个简短的教程。虽然准备有限,但分享过程中大家大多带着一种惊叹的表情,原来编辑器可以这样强大,这算是对我多年来使用VIM的最大鼓舞吧。所以分享结束之... 查看详情

快来跟我一起学react(day8)(代码片段)

简介我们继续上一节的内容,开始分析React官网:https://reactjs.org/docs/accessibility.html的“高级指引”部分,这一部分会涉及到性能优化、Portals、RenderProps等概念的分析,跟上节奏,我们一起出发吧!知识点性... 查看详情

跟我一起学习vim-vim插件合集

2016-06-1415:0413333人阅读评论(0)收藏举报 分类:Linux(104) 目录(?)[+]  前两天同事让我在小组内部分享一下VIM,于是我花了一点时间写了个简短的教程。虽然准备有限,但分享过程中大家大多带着一种惊叹的表情,... 查看详情

快来跟我一起学react(day7)(代码片段)

简介我们继续上一节的内容,开始分析React官网:https://reactjs.org/docs/accessibility.html的“高级指引”部分,这一部分会涉及到Refs转发、Fragments、高阶组件等概念的分析,比前面章节的难度还是略微大一些的,所... 查看详情

快来跟我一起学react(day6)(代码片段)

简介我们继续上一节的内容,开始分析React官网:https://reactjs.org/docs/accessibility.html的“高级指引”部分,这一部分会涉及到异步组件、全局上下文对象、错误边界组件等概念的分析,比前面章节的难度还是略微大... 查看详情

快来跟我一起学react(day1)(代码片段)

简介因为目前公司的技术栈都是Vue,之前有在React-Native的项目中接触过React,但并没有深入的去了解过,从现在开始,我就把自己当成一个React小白了,决定挑战一下自己,从0开始入手React,中间会不断... 查看详情

跟我一起写makefile:使用函数

跟我一起写Makefile:使用函数 两个排版不一样书籍下载书籍下载 查看详情

跟我一起认识axure

交互设置,添加链接点击预览 查看详情

跟我一起认识axure

第一步下载:https://www.axure.com.cn/第二步点击安装,一路next第三步:认识AxureRP工作界面 查看详情

跟我一起学习设计模式总览

DessignPatternOverview目录DessignPatternOverviewOverviewCoreConceptsDesignPrincipleRefactoringtoPatternsGOF-23EncapsulateChangeOverview在软件工程中,设计模式(designpattern)是对软件设计中普遍存在(反复出现)的各种问题,所提出的解决方案。这个术语是... 查看详情

跟我一起安装jenkins

查看java版本查看brew版本升级javabrewcaskinstalljava安装jenkinsbrewinstalljenkins执行java-jar/usr/local/Cellar/jenkins/2.49/libexec/jenkins.war--httpPort=8080这里需要注意了2.49这里是当时你安装的jenkins的版本执行完这些之后在浏览器中输入localhost:808 查看详情

分布式springcould服务调用ribbon的负载均衡,用起来非常简单实用,原理却不是那么简单。跟我来原理soeasy(代码片段)

此章带你看源码,需要一定的spring只是储备。基础不好怎么办?没关系认真听讲勤于思考就醒啦。文章目录前提概要Ribbon作用Ribbon原理Ribbon源码分析Ribbon自动配置LoadBalancedLoadBalancerInterceptor回到LoadBalancerAutoConfigurationRetryTe... 查看详情

[转]跟我一起学extjs5(02--建立工程项目)

...地址:http://blog.csdn.net/jfok/article/details/35569057 目录(?)[+]跟我一起学extjs5(02--建立工程项目)我们先建立一个javaProject,虽然现在开发跟java一点关系也没有,我们也先塔建java的Web环境。1?进入eclipse,建立一个DynamicWebProject。,next>,nex... 查看详情

跟我一起透彻理解template模板模式

#include<iostream>usingnamespacestd;//template模式。classBasepublic:voidDealWhat()this->Printf1();this->Printf2();protected:virtualvoidPrintf1()=0;virtualvoidPrintf2()=0;//让子类实现算法的详细实现。;c 查看详情

跟我一起屏蔽百度搜索页面右侧的内容

苦恼百度搜索热点等冗杂信息很久了,然后今天下定决心解决这个问题了。第一步:搜索,并安装插件AdblockPlus第二步:使用拦截器1.打开拦截器2.具体使用点击这一块添加 查看详情

跟我一起认识axure

创建企业网站页面步骤第一步修改这里变成第一部分就完成了第二部分部件窗口在Axure中设计页面像小时候玩的拼图游戏,那么部件窗口就是专门用来存放拼图块的容器使用部件窗口中常用的部件设计欢迎页面【这个需要一个很... 查看详情