- 博客(26)
- 收藏
- 关注
RSS订阅原创 React + Form + getFieldDecorator + setFieldsValue
【代码】React + Form + getFieldDecorator + setFieldsValue。
2022-12-13 16:13:50
242
原创 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.
2022-02-24 14:20:35
458
原创 vue echarts自定义主题的使用
// init里面的第二个参数是 在下载自定义主题的js文件里 echarts.registerTheme('主题名'）var mcharts = echarts.init(dom,引入的主题名) // 没有下载自选主题就有两个默认主题 light dark
2021-05-18 17:44:08
502
原创 vue echarts 绑定事件和解绑事件
var mYcharts = echarts.init(dom)// 绑定事件mYcharts.on('click', function (arg) { // 里面会有默认形参 console.log(arg)})mYcharts.off('click') // 解绑 click 事件
2020-09-25 10:40:07
1694
原创 vue echarts 加载动画的实现 增量动画和更改数据变化
var mcharts = echarts.init(dom元素)mcharts.showLoading()mcharts.hideLoading()
2020-09-24 16:53:38
1664
原创 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.
2020-08-18 17:33:13
4941
2
原创 vue echarts(仪表盘的基本配置)
series: [ type: 'gauge' data:[ { value:值 itemStyle: { // 指针的样式 color: 'pink' // 指针的颜色 } }, // data 里面的每一个对象就代表一个指针 { value:值 itemStyle: { // 指针的样式 color: 'red' // 指针的颜色 } } ], max: 100 // min max 控制仪表盘数值范围 min: 50]
2020-08-16 13:22:01
1047
原创 vue echarts (雷达图的使用)
radar: { indicator: data // 配置各个维度的最大值 shape: 'circle' // 配置雷达图最外层的图形 circle 圆形 polygon 多边形}series: [ { type: 'radar' // radar 此图表是一个雷达图 areaStyle: {} // 展示每一个雷达图的阴影面积 } data: data // 雷达图的数据 可以多个]...
2020-08-12 16:16:23
1423
原创 vue echarts （地图空气质量和散点）
// 用vue的话就用Axios请求获取数据$.get('放置地图JSON文件的位置',function(res){ echarts.registerMap('地图自定义名称',res) })echarts.registerMap('地图自定义名称',要显示地方的JSON数据)// 地图是在 geo {} 里面进行配置geo { type:'map', map:'地图自定义名称' // 这里的值需要和registerMap方法中第一个参数保持一致 roam:true // 设置允许缩放以.
2020-08-12 15:13:40
1061
原创 vue 使用echarts(地图)
// 用vue的话就用Axios请求获取数据$.get('放置地图JSON文件的位置',function(res){ echarts.registerMap('地图自定义名称',res) })echarts.registerMap('地图自定义名称',要显示地方的JSON数据)// 地图是在 geo {} 里面进行配置geo { type:'map', map:'地图自定义名称' // 这里的值需要和registerMap方法中第一个参数保持一致 roam:true // 设置允许缩放以及
2020-08-12 14:22:09
892
原创 vue echarts(饼图）
series:[ { raidus:20 //饼图的半径 raidus:50% // 百分比参照的是高度和宽度中较小的那一部分的一半来进行百分比设置 raidus:【】}]
2020-08-12 13:37:29
224
原创 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
2020-08-12 10:23:02
1727
原创 vue echarts（散点图和涟漪动画）
散点图里面的X轴Y轴值必须是双重数组 data:[[X,Y]]symbolsize 控制散点图的大小，可以是值或者回调函数itemstyle 控制散点图的颜色，可以是值或者回调函数涟漪动画type: 'effectScatter'rippleEffect: { scale: 10 //控制涟漪动画的大小}，showEffeon: 'render' // emphasis 鼠标经过时才会有涟漪动画效果 // render 自动有涟漪动画的效果...
2020-08-12 10:04:13
828
原创 vue echarts(折线图)
xAxis: { boundaryGap: false // 让X轴第一个值紧挨Y轴}yAxis: { scale: true // 让Y轴的数值不用从0开始}series:[{ 设置标注区间,可以有多个 markArea:{data:[ [{xAxis:'其实数据名'},{xAxis:'结束数据名'}], [{xAxis:'其实数据名'},{xAxis:'结束数据名'}] ]} smooth: true, // 让线条更平滑 linestyle: { color: 'pink'
2020-08-11 16:40:58
319
原创 vue 使用echarts里面的通用属性
title { // 标题 textstyle: { // 标题样式 color: 'pink' }, borderwidth:5, // 标题边框 bordercolor:'#ccc' // 边框颜色 borderradius:'15' // 边框圆角 top: '10' // 标题位置},tooltip { // 提示框组件，用于配置鼠标滑过或点击图表时的显示框 trigger: 'item', // 触发类型 item || axis triggerOn:'click', /
2020-08-11 14:54:30
611
原创 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
2020-07-03 14:17:51
3517
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人