logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

在vue中使用echarts图表 散点图

getCharts(){var dataBJ = [[1,55,9,56,0.46,18,6,"良"],[2,25,11,21,0.65,34,9,"优"],[3,56,7,63,0.3,14,5,"良"],[4,33,7,29,0.33,16,6,"优"],[5,42,24,44,0.76,40,16,"优"],[6,82,58,90,1.77,68,33,"良"],[7,74,49,77,1.

#javascript#前端
Vue中 鼠标移入div和移出div 改变样式

<divstyle="border-radius:10px" @mouseover="mouseOver":style="active" @mouseleave="mouseLeave"></div>data(){return{active:""}}methods(){mouseOver(){//改变样式this.active = 'background-color: rg

#javascript#vue.js#css +1
详解vue中使用echarts地图实现上钻下钻的可视化 三级下钻 省>市>县

简述功能概要最近有需求做一个数据可视化的功能 会具体显示全国各地区的买家分布情况鼠标放置在地图上会显示当前城市的分布人数 点击当前省份会下钻到城市地图 会显示当前省市下各个城市的买家数和分布情况如果遇到没有下一级再次点击会进行返回到国家地图(目前该示例图是两级下钻 省>区市 )(还可以实现点击按钮返回到上一级)右侧数据表会跟随城市的切换而进行动态切换(无视数据的准确性)准备工作首先需要所有城

#javascript#vue.js#html5
vue中使用Echarts自定义折线图+粒度选项+自定义legend

大家好,今天所分享的案例是在vue中使用echarts自定义折线图(复杂点是通过点击勾选单个选项卡显示对应的折线图,通过切换粒度,可以拆分为日粒度,周粒度,月粒度,x轴时间轴也做对应的变化)本案例主要涉及到通过日期选择器选择对应的时间段通过选项卡点击单选显示对应的x轴通过粒度 可以切换不同的x轴自定义legend点击重置 重置选项卡以及图表实现双y轴(一般数值和百分比轴)本案例是一个完成的图表功能

#vue.js#javascript#html +1
Vue扭蛋机营销小游戏

最近有一个需求做一个营销类型小游戏所以做了一个扭蛋机类型的小游戏出来大体逻辑:点击按钮=》播放音乐、扭蛋机内部球滚动=》弹出球=》音乐停止、显示中奖信息如图所示h5或小程序主要是通过后台页面进行配置游戏规则以及背景图片、扭蛋图片、按钮、出口图片、顶部标题图片,以及可以配置按钮和出口以及顶部标题位置,更大的进行可配置,满足更多节日场景的使用,只需要上传自己想要的样式进行搭配即可图示该功能主要的逻辑就

#javascript#小程序#html
详解vue中使用echarts地图实现上钻下钻的可视化 三级下钻 省>市>县

简述功能概要最近有需求做一个数据可视化的功能 会具体显示全国各地区的买家分布情况鼠标放置在地图上会显示当前城市的分布人数 点击当前省份会下钻到城市地图 会显示当前省市下各个城市的买家数和分布情况如果遇到没有下一级再次点击会进行返回到国家地图(目前该示例图是两级下钻 省>区市 )(还可以实现点击按钮返回到上一级)右侧数据表会跟随城市的切换而进行动态切换(无视数据的准确性)准备工作首先需要所有城

#javascript#vue.js#html5
到底了