Calvin_Lu-CSDN博客

原创 echarts 折线图与柱状图混合使用，折线区域渐变，柱状图渐变（封装函数，传入series）

首先封装一个函数(传入series，支持柱状图折线图混合使用)：上代码： commonEchart(echart, dataX, mySeries) { // 基于准备好的dom，初始化echarts实例 const echarts = require('echarts') // 基于准备好的dom，初始化echarts实例 const myChart = echarts.init(echart) // 绘制图表 myCha.

2020-12-29 10:30:16 607

原创 echarts 饼图（pie）的封装（各属性的讲解以及使用，自定义图例排列方式）

设计稿的图例是分两列，并且左对齐排列，解决方法是，legend用一个数组，并且数组每一项orient 设置为’vertical’（垂直）。来人啊，上代码： // 封装公共饼图 commonPie(echart, seriesName, pieData) { // 基于准备好的dom，初始化echarts实例 const echarts = require('echarts') // 基于准备好的dom，初始化echarts实例 const.

2020-12-28 17:54:09 3240

原创 vue项目使用echarts，背景透明，隐藏坐标轴和刻度线，自定义网格线样式

因为页面多处用到，所以选择封装： commonLine(echart, seriesName, dataX, dataY) { // 基于准备好的dom，初始化echarts实例 const echarts = require('echarts') // 基于准备好的dom，初始化echarts实例 const myChart = echarts.init(echart) // 绘制图表 myChart.setOption({.

2020-12-28 17:01:01 2794 2

原创 vue项目使用echarts（封装函数：监听dom元素尺寸变化resize echarts）

场景：如上图，页面左侧有个控制收缩的菜单面板，页面右边是一个数据大屏，有很多的echart是图表，所以需要监听右侧dom元素，当其尺寸变化的时候resize 图表。在这里可以通过element-resize-detector监听dom元素变化：npm install element-resize-detector封装的函数如下：// 封装监听dom元素尺寸变化resize echarts resizeEcharts(echart, myChart) { const elem.

2020-12-28 16:15:00 1433 3

原创 Element Select选择器从服务器搜索数据，输入关键字进行查找（从服务器获得的数据有分页）

先说一说需求：后台的一个下拉筛选框，下拉的数据要从后台获取，每次输入关键字从后台获取下拉条目，获取的下拉条目是带有分页的。需求分析：那么有两点需要处理，第一，在输入框数据发生变化时首先向后台请求数据并且渲染在下拉框里面，注意这时请求的数据是带有分页的，所以要在下拉框进行滑动的时候页码加一继续请求数据，也就是要进行loadmore逻辑的处理；第二，监听下拉框选择的数据，当选择的数据变化的时候，带着这个选择的数据（作为筛选条件）去进行主列表的请求。下面附上代码： <div class="d

2020-06-04 14:39:22 2940

原创 vue项目使用fullcalendar绘制自己想要的日历视图

由于业务需求,需要构建时间线视图和个人日历视图，经过师父指点发现了一款功能强大的日历插件（JavaScript Calendar），支持React, Vue, Angular and TypeScript 。真的很强大，谁用谁知道啊，哈哈哈，还有时区和语言设置，而且也一直在保持更新，最近一次更新时间是2020.5.20，文档很全，可以自定义你需要的各种样式和需求，并且拓展性很强。下面简单上几张demo和文档的图：如果你是第一次用这个插件千万别被这复杂的英文文档吓退缩，相信我，好好研究，花一天时

2020-05-28 11:34:29 12732 52

原创使用js-cookie实现两个vue项目的单点登录

需求是这样的：之前用vue做的两个系统，现在由于业务需要，要实现两个系统之间的相互跳转以及登录联动。分析需求：也就是说在登录了任意一个系统的情况下，另一个系统也默认登录，同理，任意一个系统退出登录另一个系统也要退出登录，也就是说我们要实现退出联动。两个系统之前都是利用localStorage进行存储登录相关信息的，但是localStorage无法实现跨域访问，那么我就想到cookie是可以通过设置domain来实现一级域名相同的两个系统之间实现跨域访问的，所以就想到使用js-cookie这个插件来实现对

2020-05-27 11:11:53 2363

Namaste_的博客

原创 echarts 折线图与柱状图混合使用，折线区域渐变，柱状图渐变（封装函数，传入series）

原创 echarts 饼图（pie）的封装（各属性的讲解以及使用，自定义图例排列方式）

原创 vue项目使用echarts，背景透明，隐藏坐标轴和刻度线，自定义网格线样式

原创 vue项目使用echarts（封装函数：监听dom元素尺寸变化resize echarts）

原创 Element Select选择器从服务器搜索数据，输入关键字进行查找（从服务器获得的数据有分页）

原创 vue项目使用fullcalendar绘制自己想要的日历视图

原创使用js-cookie实现两个vue项目的单点登录

原创关于小程序清除定时器失败问题

原创关于小程序引用腾讯地图路线规划真机调试不出路线问题

原创关于vue项目部署到服务器页面刷新会出错（页面报错：500 Internal Server Error）

空空如也

空空如也