前端框架
何良语
这个作者很懒,什么都没留下…
展开
-
使用vue开发一个项目(一)
在学习了vue基础之后,为了能够在vue开发项目上有一个真正的提升,所以打算用vue来做一个完整的项目,将其记录下来首先建立一个工程文件夹,在这个文件夹下打开命令行工具,在命令行中敲入以下命令安装上vue的脚手架:cnpm install -g @vue/cli //全局安装vue-clivue init webpack vuetest //创建一个基于webpack的名叫vuetest的vu...原创 2018-05-10 17:52:27 · 4793 阅读 · 0 评论 -
vue和iview实现Scroll 数据无限滚动
在做项目的时候因为数据比较多,一次性全部渲染的话会花费较多的时间,所以,想到每一次渲染10条数据也想过每一次获取十条数据然后显示就行了,就目前自己所知最好的方法是修改接口,一次返回10条,可是这样子太麻烦了,所以决定一次性请求所有数据,然后每次渲染十条,需要再上拉加载更多使用的是iview中的组件Scroll以下是获取数据和封装数据的方法:原理是先定义两个全局的变量,一个存储全部的数据,一个存储渲...原创 2018-06-15 17:10:25 · 16298 阅读 · 6 评论 -
vue highchart实现图表的提示框(tooltip)
一开始本来是打算将提示框当做一个参数传入到生成图表的方法中,封装一个方法来创建提示框,但是知识有限,在封装的方法中的this是当前的vue实例,而不是highchart中的,所以外部方法目前无法实现这个功能所以将提示框的方法写在了创建图表的配置信息中tooltip中:提示框的内容是formatter这个方法实现,其中使用的getFormatDate方法是封装的Date对象转换成自己需要的时间格式...原创 2018-06-15 17:17:16 · 3457 阅读 · 0 评论 -
在vue中使用highchart
首先安装highchart和vue-highchartsnpm install highchart --save--devnpm install vue-highcharts --save-dev让在main.js 中引入highchartimport Highcharts from 'highcharts';import VueHighcharts from 'vue-highcharts';...原创 2018-06-15 17:24:01 · 2591 阅读 · 0 评论 -
hightchart 图表自适应 reflow()
在项目中遇到highchart图表在其容器盒子宽高变化时图表重绘的问题,为了体验效果,要求图表自适应容器变化,而不是图表重新加载在highchart的api文档中查找到了reflow()方法可以自适应,但是使用之后发现没有作用,因为找不到相关资料,所以自行解决了这个问题,猜测是因为图表的容器盒子宽高使用的是百分比:.chartcontanier{ width: 100%; ...原创 2018-07-31 11:44:04 · 4758 阅读 · 0 评论 -
highchart 曲线点添加值,tooltip、y轴添加单位(更改文字颜色)
1. 改变曲线中每个点的颜色:在数据封装的时候,给每个数据点添加color属性,这个值即是点的颜色2. 给每个点上添加当前坐标点的y轴的值:plotOptions: { useHTML: true, series: { dataLabels: { enabled: true, color: 'rgba(2...原创 2018-08-02 14:15:58 · 3695 阅读 · 0 评论