- 博客(14)
- 收藏
- 关注
原创 axios请求
目录引入全局引入局部引入getpostdelete为Echarts图表请求数据引入全局引入import axios from ‘axios’Vue.prototype.$http=axios;局部引入import axios from ‘axios’ 直接使用axios即可getaxios({method: ‘get’,url: ‘’,params: {}}).then(res => { })params是添加到url的请求字符串中的,一般用于get请求中向指定用户请求数据pos
2020-06-22 16:58:30 211
原创 绘制饼状图
目录饼图组件titletooltipvisualmapseries南丁格尔图文本标签itemstylepopup动画饼图直观反映给用户各股票板块在市场中所占比例,帮助用户了解市场。组件title定义饼图标题,位置,距离容器顶部的高度,以及颜色tooltip本次trigger采用item属性区别于K线图,并采用字符串模板反应提示框内容visualmap视觉映射组件,就是将数据映射到视觉元素,将不同的数据板块采用不同的颜色区分,如果不增加该组件各个数据板块之间只有线条隔离,使用户分析图表更
2020-06-20 18:08:00 366
原创 项目k图绘制
目录数据准备图标属性配置数据准备1.从后端接收数据,存入data数组内2.按照项目需要切分数据,并将时间作为分类轴(X轴)的属性3.计算均线,由于需要绘制MA5,MA10,MA20,MA30等均线,所以应先编写计算MA均线的函数。(方便调用,不必重复)(输入想要计算的天数的数值,循环将所有数据求和,最终整除天数即可)图标属性配置1.选则图表展示,在option中配置lengend,并将需要选择展示的图名称输入即可2.为方便用户观察数据,在每个数据节点上添加提示框属性,显示该节点的详细数据。即
2020-06-18 15:00:44 362
原创 读取股票数据
目录读取数据数据读取csv文件读取数据数据使用数据:(日期,时间,开盘价,最高价,最低价,收盘价,成交量,成交额)读取csv文件结果:## 切分数据结果
2020-06-16 17:22:26 353
原创 股票入门
目录股票数据K线图构成特性表现形式股票是股份公司的所有权一部分也是发行的所有权凭证,是股份公司为筹集资金而发行给各个股东作为持股凭证并借以取得股息和红利的一种有价证券。每股股票都代表股东对企业拥有一个基本单位的所有权。每家上市公司都会发行股票。同一类别的每一份股票所代表的公司所有权是相等的。每个股东所拥有的公司所有权份额的大小,取决于其持有的股票数量占公司总股本的比重。股票是股份公司资本的构成部分,可以转让、买卖,是资本市场的主要长期信用工具,但不能要求公司返还其出资。数据开盘价:以竞价阶段第一笔交
2020-06-15 17:26:32 303
原创 Echarts试验
目录mounted和created根据官网源码介绍进行试验柱状图更改主题K线图loadingmounted和created1.mounted:在模板渲染成html后调用,通常是初始化页面完成后,再对html的dom节点进行一些需要的操作。2.created:在模板渲染成html前调用,即通常初始化某些属性值,然后再渲染成视图。根据官网源码介绍进行试验柱状图更改主题1.在main.js文件中引用vintage import ‘echarts/theme/vintage.js’2.在初始化的时
2020-06-14 17:43:22 247
原创 画图基本原理
目录浏览器画图canvasSvgecharts简单使用初始化option对象组件标题title工具栏toolboxtooltip组件多个坐标系配合datazoom图表饼图K线图浏览器画图canvas1.基于像素2单个html,类似真实的画画,在画布上描绘·2.Echarts就是基于canvas画图Svg1.基于对象型2.多个图形元素3.高保真echarts简单使用初始化引入echarts库后对其进行初始化操作Echarts.init():初始化Echarts实例,setOption
2020-06-13 17:05:11 795
原创 Echarts准备
目录Echarts语法基础配置环境EchartsECharts是一个Javascript的图表库,可以流畅的运行在PC和移动设备上,兼容当前绝大部分浏览器,底层依赖轻量级的Canvas类库ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验,赋予了用户对数据进行挖掘、整合的能力。支持折线图(区域图)、柱状图(条状图)、散点图(气泡图)、K线图、饼图(环形图)、雷达图(填充雷达 图)、和弦图、力导向布局图、地图、仪表盘、漏斗
2020-06-12 20:02:33 240
原创 界面优化--动态背景
目录script标签css绝对定位script标签scipt标签用于链接一个外部脚本文件2.src属性规定外部脚本文件的URLcssCSS在网页制作时,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。绝对定位1.position:absolute2.absolute参数:将对象从文档流中拖出,使用left,right,top,bottom等属性进行绝对定位。而其层叠通过css z-index属性定义。此时对象不具有边距,但仍有补白和边框...
2020-06-10 18:50:01 297
原创 前端学习第四弹 (二)
目录(二)展示页面跳转成功后的页面代码登录页面展示页面跳转成功后的页面代码路由部分在前一部分已经截图介绍过实现过程。这个代码只是暂时的后期还会同数据库结合增补检测账户密码正确性的部分。登录页面<template> <div class="login-box"><el-form ref="form" :model="form" label-width="80px" > <div class="login-title">系统登录
2020-06-09 15:22:03 99
原创 前端 学习 第四弹(一)
目录页面跳转router安装与配置需求代码实现页面跳转router安装与配置1.同样的,在控制台切换到项目目录,然后运行npm install vue-router 安装即可。2.在项目的main.js文件中添加引用import VueRouter from ‘vue-router’ 然后添加 Vue.use(VueRouter)即可(除此方法外应该还可以直接使用全局的script标签进行引用)需求昨天已经准备好页面所需要的按钮,标签页,提示框,输入框等基本要素,今天来实现页面间的跳转。最基
2020-06-08 17:06:13 107
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人