- 博客(29)
- 收藏
- 关注
RSS订阅原创 SQL中Merge的用法
简介Merge关键字是一个神奇的DML关键字。它在SQL Server 2008被引入，它能将Insert,Update,Delete简单的并为一句。MSDN对于Merge的解释非常的短小精悍:”根据与源表联接的结果，对目标表执行插入、更新或删除操作。例如，根据在另一个表中找到的差异在一个表中插入、更新或删除行，可以对两个表进行同步。”,通过这个描述，我们可以看出Merge是关于对于两个表之间的...
2019-02-01 14:38:35
12212
原创 echarts中横坐标值显示不全(自动隐藏)解决方案
echarts中，横轴数据如果非常多，会自动隐藏一部分数据，我们可以通过属性interval来进行调整。如下图，当横轴时间为13天时，echarts会自动隔天显示如果我们想显示全，则需要在xAxis 属性加上axisLabel:{interval: 0}"xAxis":[{"data":["2015-5-13","2015-5-14","2015-5-15","2015-5-16"
2018-12-20 09:38:43
24542
原创 echarts 图形图例文字太长如何解决
legend 文字很多的时候对文字做裁剪并且开启 tooltiplegend: { formatter: function (name) { if (!name) return ''; if (name.length > 5) { name = name.slice(0,5) + '...'; ...
2018-12-20 09:34:09
13149
5
原创 Vue2.0 搭建Vue脚手架（vue-cli）
效果图：echarts有个formatter这个方法让大家自己去自定义标签的输出形式，可塑性就变的非常高了。此外，echarts有自己的监听器，只需要通过on绑定一个mouseover就可以让鼠标经过这个canvas触发一系列变化。完整的代码如下：（请在echarts官网下载echarts.min.js，即可直接复制运行这段代码。请看文件引用的路径，确保文件被正确引入）<!DOCTY...
2018-12-20 09:18:52
251
原创 Echarts标签过长省略-鼠标经过显示完整
效果图：echarts有个formatter这个方法让大家自己去自定义标签的输出形式，可塑性就变的非常高了。此外，echarts有自己的监听器，只需要通过on绑定一个mouseover就可以让鼠标经过这个canvas触发一系列变化。完整的代码如下：（请在echarts官网下载echarts.min.js，即可直接复制运行这段代码。请看文件引用的路径，确保文件被正确引入）<!DOCTY...
2018-12-20 09:18:52
3364
原创 vue 制作进度条
简易的进度条，百分比显示在进度条上,代码如下：HTML：<div class="progressContainer"> <div class="progress" :style="{width:progress+'%'}"> <b>{{progress}}%</b> </div&a
2018-12-20 09:10:02
4544
原创 echarts-dataZoom
效果：dataZoom: { type: 'slider', xAxisIndex: 0, filterMode: 'empty', start: 0, end: 20, zoomLock:true }
2018-12-18 17:48:32
1939
原创 ECharts 之 堆叠柱状图
效果图：<html> <head> <base href="<%=basePath%>"> <title>堆叠柱状图</title> <script type="text/javascript" src="js/echarts.min.js&quo
2018-12-18 17:45:01
1238
原创 Gradle-gradlew
gradlew: 当把本地一个项目放入到远程版本库的时候，如果这个项目是以gradle构建的，那么其他人从远程仓库拉取代码之后如果本地没有安装过gradle会无法编译运行，如果对gradle不熟悉，会使得无法很好的去快速构建项目代码。所以gradle可以自动生成一键运行的脚本，把这些一起上传远程仓库，使得即使没有安装gradle也可以自动去安装并且编译项目代码。1.执行 gradle wrapp...
2018-12-18 15:32:46
1537
原创 echarts gauge仪表盘设置
效果图：option = { tooltip : { formatter: "{a} <br/>{b} : {c}%" }, toolbox: { show : true, feature : { mark : {show: true}, restore : {s...
2018-12-17 11:08:31
4025
原创 echarts gauge仪表盘设置
效果图：代码如下：option = { series: [ { type: "gauge", center: ["50%", "45%"], // 仪表位置 radius: "80%", //仪表大小 startA...
2018-12-17 11:05:05
12768
原创 echarts 图表各种参数设置
echarts 图表各种参数设置参考1：(http://echarts.baidu.com/option.html#yAxis.splitNumber)echarts 图表各种参数设置参考2：(https://www.w3cschool.cn/echarts_tutorial/echarts_tutorial-otrv2hgf.html)...
2018-12-17 11:01:59
918
原创 echarts 调整图表位置
内部图表大小是与div容器大小位置相关的，如果想调整图表大小位置，调整div的属性就可以了。如果是想调整图表与div间上下左右留白，则设置grid属性就可以了。如图所示：具体如下： myChart.setOption({ title:{ text:"价格指数" }, ...
2018-12-17 10:55:45
10113
1
原创 ECharts 之 环形图
环形图是饼图的一种，具体的饼图可以自己更改radius属性的大小。radius : ['50%', '70%'], //饼图的半径,第一项是内半径,第二项是外半径,内半径为0就是真的饼,不是环形效果图：代码如下：<html> <head> <base href="<%=basePath%>"> ...
2018-12-17 10:47:21
12134
原创 ECharts圆环图
想要使用该图表,只需要复制以下代码，再下载 echarts.js 在页面文件中引入即可。echarts.js 下载链接: http://echarts.baidu.com/download.html注：本文重点是圆环图各项的数值与占比的显示// 提示框 tooltip: { show: true, // 是否显示提示框 ...
2018-12-17 10:38:19
4889
原创 echarts属性的设置
echarts属性的设置（完整大全）：// 全图默认背景 // backgroundColor: ‘rgba(0,0,0,0)’,// 默认色板color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed', '#ff69b4','#ba55d3','#cd5c5c','#ffa500','#40e0d0', '#1e90...
2018-12-17 10:30:12
971
1
原创 echarts - 多柱子柱状图
效果图：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>echarts-多柱子柱状图</title> <style> body, html { width:
2018-12-17 10:18:43
3694
1
原创 echarts-多柱子柱状图
利用ECharts制作一个多柱子柱状图，其中数据源模拟动态获取。效果：实现源码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>echarts-多柱子柱状图</title> <link rel="short
2018-12-17 10:14:57
7851
1
原创 Canvas三种动态画圆实现方法说明
前言canvas是HTML5出来的绘图API容器，对于图形的处理非常强大，下面使用canvas配合JavaScript来做一下动态画圆效果。可以用它来做圆形进度条来使用。 以下是三种实现方法：方法一：arc()实现画圆通过设置的开始角度和结束角度来做限定，然后通过累加临时的角度变量实现动画效果。相关函数：context.arc(x,y,r,sAngle,eAngle,counterclo...
2018-12-17 09:33:16
9608
原创 用Canvas画圆环百分比进度条
效果图：<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>canvas圆环进度</
2018-12-14 17:16:01
341
原创 HTML canvas lineCap 属性
实例绘制圆形的结束线帽：JavaScript：var c=document.getElementById("myCanvas");var ctx=c.getContext("2d");ctx.beginPath();ctx.lineCap="round";ctx.moveTo(20,20);ctx.lineTo(20,200);ctx.stroke();定义和用法line...
2018-12-14 16:54:29
593
原创 canvas arc()方法详解
arc方法是2D画布的一个绘制圆状态的一个方法，arc有六个参数：arc(x, y, r, sAngle, eAngle, counterclockwise);六个参数对应的意思：x,y表示圆心坐标r 表示圆的半径sAngle : 表示开始绘制的角度eAngle : 表示结束绘制的角度counterclockwise ： 表示顺时针绘制还是逆时针，false = 顺时针，t...
2018-12-14 16:25:09
13500
1
原创 vue--mounted 钩子函数
1.钩子函数钩子函数是Windows消息处理机制的一部分，通过设置“钩子”，应用程序可以在系统级对所有消息、事件进行过滤，访问在正常情况下无法访问的消息。钩子的本质是一段用以处理系统消息的程序，通过系统调用，把它挂入系统。2.相对于前端来讲对于前端来说，钩子函数就是指再所有函数执行前，我先执行了的函数，即 钩住我感兴趣的函数，只要它执行，我就先执行。3.vue中的mounted在这发起后...
2018-12-14 16:11:36
5768
原创 vue 将一个变量作为methods名
其中buttonMethods 里的参数为该按钮实际调用的method<el-button v-for="button in buttonArr" @click="buttonMethods(button.function)">{{button.label}}</el-button> 其中 this.$options.methods是查询该组件下的所有meth...
2018-12-14 16:05:02
3844
3
原创 vue watch怎样同时监听两个值的变化并执行方法？
用computed定义一个changeData对象吧，然后再去watch changeDatacomputed: { changeData() { const { index, columName,columData} = this return { index, columName, col...
2018-12-14 15:53:03
14520
1
原创 vue props传递数组子组件获取不到
1. 问题描述在子组件定义了srcList props:{ width:Number, height:Number, name:String, size:String, srcList:Array, multiple:Boolean }...
2018-12-14 15:47:38
12010
2
原创 Vue父组件向子组件传递一个动态的值，子组件如何保持实时更新实时更新？
方法一：子组件watch(监听)父组件数据的变化watch基础类型的变量data() { return { frontPoints: 0 }},watch: { frontPoints(newValue, oldValue) { console.log(newValue) }}数组的watchdata(...
2018-12-14 15:17:27
1975
原创 浅谈vue中慎用style的scoped属性
在vue组件中，为了使样式私有化（模块化），不对全局造成污染，可以在style标签上添加scoped属性以表示它的只属于当下的模块，这是一个非常好的举措，但是为什么要慎用呢？因为在我们需要修改公共组件（三方库或者项目定制的组件）的样式的时候，scoped往往会造成更多的困难，需要增加额外的复杂度。scoped三条渲染规则给HTML的DOM节点加一个不重复data属性(形如：data-v-2...
2018-12-14 14:55:51
1786
原创 Maven中央仓库地址和Nexus 下载地址
Maven 中央仓库地址： 1、http://www.sonatype.org/nexus/ 私服nexus工具使用2、http://mvnrepository.com/ （推荐） 3、http://repo1.maven.org/maven24、http://maven.aliyun.com/nexus/content/groups/public/ 阿里云 （强...
2017-07-07 19:48:53
3348
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人