weixin_46412709的博客

原创 React + Form + getFieldDecorator + setFieldsValue

【代码】React + Form + getFieldDecorator + setFieldsValue。

原创 Vue.use

Vue.use

原创 React+Redux

React+Redux。

原创 React+Ts

React+Ts

原创 js 递归函数

export function terminalTreeData(data, obj) { const item = []; for (let i = 0; i < data.length; i++) { const newData = {}; newData.expand = true; newData.key = guid(); newData.value = newData.key; newData.

原创 vue echarts自定义主题的使用

// init里面的第二个参数是 在下载自定义主题的js文件里 echarts.registerTheme('主题名'） var mcharts = echarts.init(dom,引入的主题名) // 没有下载自选主题就有两个默认主题 light dark

原创 react 使用自定义小图标

吧svg图片封装为组件

原创 获取echarts 地图JSON 文件

链接: 各个地区的JSON文件.

原创 vue echarts 绑定事件和解绑事件

var mYcharts = echarts.init(dom) // 绑定事件 mYcharts.on('click', function (arg) { // 里面会有默认形参 console.log(arg) }) mYcharts.off('click') // 解绑 click 事件

原创 vue echarts 加载动画的实现 增量动画和更改数据变化

var mcharts = echarts.init(dom元素) mcharts.showLoading() mcharts.hideLoading()

原创 vue echarts 屏幕自适应

原创 vue echarts 直接样式和高亮样式

emphasis 高亮后的样式

原创 vue echarts 颜色渐变的方法

原创 web页面调用海康摄像头

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="./jquery-1.12.4.min.js.

原创 vue echarts(仪表盘的基本配置)

series: [ type: 'gauge' data:[ { value:值 itemStyle: { // 指针的样式 color: 'pink' // 指针的颜色 } }, // data 里面的每一个对象就代表一个指针 { value:值 itemStyle: { // 指针的样式 color: 'red' // 指针的颜色 } } ], max: 100 // min max 控制仪表盘数值范围 min: 50 ]

原创 vue echarts (雷达图的使用)

radar: { indicator: data // 配置各个维度的最大值 shape: 'circle' // 配置雷达图最外层的图形 circle 圆形 polygon 多边形 } series: [ { type: 'radar' // radar 此图表是一个雷达图 areaStyle: {} // 展示每一个雷达图的阴影面积 } data: data // 雷达图的数据 可以多个 ] ...

原创 vue echarts （地图空气质量和散点）

// 用vue的话就用Axios请求获取数据 $.get('放置地图JSON文件的位置',function(res){ echarts.registerMap('地图自定义名称',res) }) echarts.registerMap('地图自定义名称',要显示地方的JSON数据) // 地图是在 geo {} 里面进行配置 geo { type:'map', map:'地图自定义名称' // 这里的值需要和registerMap方法中第一个参数保持一致 roam:true // 设置允许缩放以.

原创 vue 使用echarts(地图)

// 用vue的话就用Axios请求获取数据 $.get('放置地图JSON文件的位置',function(res){ echarts.registerMap('地图自定义名称',res) }) echarts.registerMap('地图自定义名称',要显示地方的JSON数据) // 地图是在 geo {} 里面进行配置 geo { type:'map', map:'地图自定义名称' // 这里的值需要和registerMap方法中第一个参数保持一致 roam:true // 设置允许缩放以及

原创 vue echarts(饼图）

series:[ { raidus:20 //饼图的半径 raidus:50% // 百分比参照的是高度和宽度中较小的那一部分的一半来进行百分比设置 raidus:【】 } ]

原创 vue echarts 直角坐标系中的常用配置 有xAxis yAxis （柱状图 散点图 折线图）

grid: { show: true // 显示边框 borderWidth: 10 // 边框宽度 borderColor: 'red' // 边框颜色 left : 20 // 移动 top: 20 width: 300 // 柱状图 散点图 折线图 宽 高 height: 200 }, xAxis: { postition: 'top' // top || bottom X轴显示的位置 }, yAxis: { postition: 'left' //left || rig

原创 vue echarts（散点图和涟漪动画）

散点图里面的X轴Y轴值必须是双重数组 data:[[X,Y]] symbolsize 控制散点图的大小，可以是值或者回调函数 itemstyle 控制散点图的颜色，可以是值或者回调函数 涟漪动画 type: 'effectScatter' rippleEffect: { scale: 10 //控制涟漪动画的大小 }， showEffeon: 'render' // emphasis 鼠标经过时才会有涟漪动画效果 // render 自动有涟漪动画的效果 ...

原创 vue echarts(折线图)

xAxis: { boundaryGap: false // 让X轴第一个值紧挨Y轴 } yAxis: { scale: true // 让Y轴的数值不用从0开始 } series:[{ 设置标注区间,可以有多个 markArea:{data:[ [{xAxis:'其实数据名'},{xAxis:'结束数据名'}], [{xAxis:'其实数据名'},{xAxis:'结束数据名'}] ]} smooth: true, // 让线条更平滑 linestyle: { color: 'pink'

原创 vue 使用echarts里面的通用属性

title { // 标题 textstyle: { // 标题样式 color: 'pink' }, borderwidth:5, // 标题边框 bordercolor:'#ccc' // 边框颜色 borderradius:'15' // 边框圆角 top: '10' // 标题位置 }, tooltip { // 提示框组件，用于配置鼠标滑过或点击图表时的显示框 trigger: 'item', // 触发类型 item || axis triggerOn:'click', /

原创 vue 使用echarts的方法（柱状图）

链接: 使用echarts方法.

原创 echarts市级县城地图加散点(圆点)

// An highlighted block <template> <div class="div"></div> </template> <script> import 'echarts/lib/component/geo' import echarts from 'echarts/lib/echarts' import JSON from 'echarts/map/json/341200' export default { data

原创 echarts 饼图 指导线

原图： 需要的状态图： 代码： itemStyle: { normal: { label: { s...