- 博客(13)
- 资源 (4)
- 收藏
- 关注
原创 如何使用echarts实现3d的柱形图
1、首先去官网上下载依赖文件,也可以在我分享的资源中直接下载options设置如下:var xData = ["可研数据", "测试2", "测试3", "测试4", "测试5", "测试6"]var line = ["1030", "205", "84","568","689","4587"];var attr ={ 'name':'月平均单价', 'unit':'元/单'}var colors = []option = { tooltip: {
2020-12-29 10:49:54 5231 1
原创 Vue安装并使用bpmn.js
1、安装命令npm install --save bpmn-js2、在应用程序中使用:import BpmnViewer from 'bpmn-js';import testDiagram from './test-diagram.bpmn';var viewer = new BpmnViewer({ container: '#canvas'});viewer.importXML(testDiagram, function(err) { if (!err) { .
2020-12-26 14:54:01 7569 5
原创 Opnelayer学习之设置鼠标在地图上的样式
const CURSOR_STATE = 'default', //鼠标默认状态 /** * 设置地图中的鼠标样式 */ cursorControl(state) { // 地图中的鼠标样式 const canvases = document.getElementsByTagName('canvas') ...
2020-12-21 11:29:02 285
原创 openlayer学习之初始化地图
本代码是请求服务器的地图资源:1、初始化地图:首先引入地图的依赖 import 'ol/ol.css' import OLMap from 'ol/Map' import View from 'ol/View' import TileLayer from 'ol/layer/Tile' import VectorLayer from 'ol/layer/Vector' import XYZ from 'ol/source/XYZ' import Ve
2020-12-21 11:23:30 573 1
原创 Openlayer学习之请求服务器地图资源
在项目中使用到了openlayer技术,公司有自己的地图服务,记录下如何访问服务器的地图资源1、整体的思路是,使用Vuex存储服务器的BaseApi,在需要用的页面中,创建地图,并配置地图资源路径2、具体的操作步骤:VueX中的api.js文件const baseUrl = process.env.VUE_APP_BASE_APIconst api = { state: { baseApi: baseUrl, // mapurl瓦片地图服务url map
2020-12-21 11:16:32 323
原创 甘特图技术
1、安装npm install vue-ganttastic2、安装依赖npm install moment3、一个简单的Demo<template> ... <g-gantt-chart :chart-start="myChartStart" :chart-end="myChartEnd" > <g-gantt-row v-for="row in rows" :key="row.labe.
2020-12-11 12:24:04 1521 1
转载 React实现父子通信
父组件: // 取消 handleCancel=()=> { this.setState({ editModalVisible: false }) } // 确定 handleOK = _ => { const { form } = this.formRef.props; form.validateFields((err, fieldsValue) => {
2020-12-09 15:32:55 409
原创 antd3中Form实现编辑和新增共用Modal时出现的问题
在做项目时,表单新增和编辑框往往是一样的,只不过一个有数据,而一个没有数据但是我修改了编辑框保存后,再打开新增对话框,总是有数据,也就是数据没有清空于是在查找官网文档,我用的是antd3版本,有一个resetField函数:resetFields 重置一组输入控件的值(为initialValue)与状态,如不传入参数,则重置所有组件 Function([names: string[]]) 编辑函数://编辑 handleEdit = (ro...
2020-12-09 15:02:04 1095
原创 React的安装,Antd的安装与使用
1、创建react项目命令:npx create-react-app my-app2、安装route命令:npm install --save react-router3、安装redux命令:npm install --save redux4、安装React-Redux命令:npm install --save react-redux5、redux-thunk安装命令:npm install --save redux-thunk...
2020-12-09 09:35:44 2622 4
原创 Redux管理状态的简单应用,存取state
1、首先新建store文件夹,在里面引入reduximport { createStore } from 'redux';const reducer = (state = 0, action) => { switch (action.type) { case 'INCREMENT': return state + 1; case 'DECREMENT': return state > 0 ? state - 1 : state;
2020-12-08 10:46:59 1045 1
原创 el-table前面添加图标单独一列
效果:<el-table-column label="" width="48" align="center" > <template>
2020-12-07 18:00:20 1319
原创 eslint 的 Parsing error: Unexpected token 错误
Line 7:9: Parsing error: Unexpected token解决方案:1.eslint 配置 babel-eslint 插件cnpm install babel-eslint --save2.在package.json中配置 eslintConfig 属性"eslintConfig": {"parser": "babel-eslint"}
2020-12-02 11:40:16 16891
原创 创建React项目时出错,提示node版本要>=12
创建React项目时出错,提示node版本要>=12自己的node版本是11,所以需要升级node的版本#######################################################################本机环境:Windows 101、下载安装包Node.js 官方网站下载:https://nodejs.org/en/选择操作系统对应的包:下载完成,安装包如下:2、安装打开安装,傻瓜式下一步即可:...
2020-12-01 16:19:00 2474 4
transfer.zip
2020-09-02
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人