echarts
关注
分享
扫一扫
文章平均质量分 53
一写代码就开心
一起学编程呀，头秃的那种。
学完之后，找一份java，python开发的工作不成问题
展开
-
echarts的学习（十）vue项目中，单独图表组件的开发，商家销售统计组件
单独图表组件的开发商家销售统计组件（横向柱状图）路由的走通在组件里面开发图形vue项目里面导入echarts在组件里面使用导入的echartsinitChart ()方法getData () 获取服务器的数据echarts主题的配置总结之前已经创建了vue项目，并且将基本的配置都配置了，比如路由，跨域都配置好了，现在就开始开发组件了。商家销售统计组件（横向柱状图）路由的走通我们在src文件夹下的views文件夹里面开发组件在以上的这个组件里面 调用下面的组件我们就在seller.vu原创 2021-01-02 19:19:03 · 476 阅读 · 0 评论 -
echarts的学习（九）前端项目开发，vue项目的搭建，也就是环境的配置
客户端的开发搭建一个vue的项目静态资源的引入项目的基本配置全局echarts对象的挂载安装跨域axios搭建一个vue的项目删除一些无关的文件：静态资源的引入项目的基本配置端口号的配置 或者自动打开浏览器的配置全局echarts对象的挂载就是这个echarts在各个组件里面都会使用，所以，我们要在vue项目里面的全局使用这个就是将echarts的js文件全局引入了在main.js里面进行使用安装跨域axios安装之后在main.js里面进行配置，之后就可以在原创 2021-01-02 16:07:07 · 254 阅读 · 0 评论 -
echarts的学习（八）项目服务器端的准备
项目的准备项目搭建总耗时中间件的开发响应头中间件业务逻辑的中间件启动项目允许跨域小结项目搭建总耗时中间件的开发// 计算服务器消耗时长的中间件//因为要导入这个中间件让其他的地方用，所以用exports导出//参数 ctx 意思是上下文，next意思是中间件的入口module.exports = async (ctx, next) => { // 记录开始时间 const start = Date.now(); // 让内层中间件得到执行 await next()原创 2021-01-02 15:06:27 · 322 阅读 · 0 评论 -
echarts的学习（七）Koa2的快速上手
Koa本地安装Koa2洋葱模型本地安装Koa2里面的代码是// 1.创建koa对象const Koa = require('koa') // 将已经安装的koa 进行引入const app = new Koa() //将引入的koa创建一个对象// 2.编写响应函数(中间件)// ctx:上下文,web容器, 用ctx可以拿到 ctx.request ctx.response// next: 下一个中间件,下一层中间件是否能够得到执行, 取决于next这个函原创 2021-01-01 22:20:54 · 237 阅读 · 1 评论 -
echarts的学习（六）调色盘的学习
调色盘调色盘是什么调色盘的分类主题的调色盘全局的调色盘局部的调色盘颜色渐变线性渐变径向渐变调色盘是什么我们之前的饼图的样式是这样的以上我们也没有自己配置颜色，他就有自己的颜色了，这个是主题里面自己带的颜色，现在我们想要改变不同的颜色，那么就需要使用调色盘了。调色盘的分类主题的调色盘之前已经自定义了一个主题，并且下载了，在HTML里面引入了这个主题使用主题我们看下载的主体源码里面的调色盘以上的这个就是主题里面的调色盘全局的调色盘写了全局的调色盘，会覆盖主题调色盘color这原创 2021-01-01 21:46:30 · 584 阅读 · 0 评论 -
echarts的学习（五）内置主题与自定义主题的学习
主题学习内置主题自定义主题内置主题默认内置了两套主题 , light dark创建charts对象的时候，多了一个参数，里面的值就可以写默认的2个值代码是<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2021-01-01 20:48:57 · 955 阅读 · 0 评论 -
echarts的学习（四）饼图，地图相关的学习
图形饼图的基本实现地图饼图的基本实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <原创 2021-01-01 20:23:57 · 300 阅读 · 0 评论 -
echarts的学习（三）echarts常用的图表介绍。
常用的图表柱状图我们要用柱状图实现成绩的展示实现的步骤：折线图我们要用折线图实现：实现步骤其他效果以上的这些表都是在这个属性里面配置：柱状图我们要用柱状图实现成绩的展示实现的步骤：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sca原创 2021-01-01 19:58:26 · 548 阅读 · 0 评论 -
echarts的学习（二） 通用的配置，就是不管是什么图形，这些配置都可以使用
通用配置1 .标题 title2 提示框组件tooltip3 工具栏toolbox4 多个图例切换legend1 .标题 title从官网我们可以看到很多的配置，其中关于标题的样式，就是在title里面，我们展开这个，就可以看到关于标题的配置的代码，下面的这些都是关于标题的配置2 提示框组件tooltip这个配置的作用就是，鼠标放到图形上面，弹出提示框，里面写一定的东西，或者鼠标移动会有提示框出现。3 工具栏toolbox我们制作的图形要展示工具栏，只需要进行简单的配置原创 2021-01-01 18:52:18 · 213 阅读 · 0 评论