whoBright-CSDN博客

原创 Echarts源码修改

项目中要画树图，但echarts的树图的线只支持贝塞尔曲线，修改曲线的弧度也只能改成直线，但需求是折线。所以通过修改echarts的源码来满足需求。以下是效果图：步骤：1、下载源码 2、修改 3、webpack打包安装1、下载地址：https://github.com/apache/incubator-echarts/releases/tag/4.2.12、（1）解压打开，找到...

2019-05-30 21:49:25 4548 2

原创 echarts用富文本标签添在lable中加图片

项目开发中需要在echarts图的lable中插入图标，给的的图标是图片，而lable是字符串，正常情况下不支持插入图片！在echarts社区有这么一个例子：https://gallery.echartsjs.com/editor.html?c=xG61SsUMJi，利用富文本标签，设置图片。官方也有说明：但问题是，图片的路径。常规的字符串路径（即写img标签时src路径）是不...

2019-12-09 17:23:29 4665 1

原创 Vue中使用jQuery数字增量翻动组件

数字翻牌效果有很多jQuery组件可使用，但在Vue组件中使用时遇到一些问题，在此记录下。1、js文件引入，百度到的jquery组件中，都是在<script>标签的src属性引入，在vue我是这么引入的在js文件的底部用 export 导出在使用的组件在这样引入：2、组件代码注意style里面不能加scoped，因为数字是在js文件中动态添加的，加scoped的话...

2019-10-11 16:14:09 445

原创 Echarts的双y轴0刻度对齐问题

双y轴0刻度的对齐核心是y轴最大最小值的设置。百度的方法大部分是这样的：option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: [{ type: 'value', ...

2019-10-11 14:47:14 6091

原创 Echarts图在移动端影响手机上下滑动问题

场景：echarts图数据过多，就会要求设置datazoom属性可以左右拖动，但在手机端，整个页面只显示echarts图时会导致页面不能上下拖动。解决办法：还是datazoom有个preventDefaultMouseMove属性，设为false， dataZoom: [{ type: 'inside', xAxisIndex: 0,...

2019-08-22 11:58:38 7323 3

原创 table样式，表头固定，tbody部分超出部分出现滚动条

1、比较low的方法是，把<thead>和<tbody>分别包裹在两个div里面，tbody的div用overflow:auto,即可。2、通过css样式实现。<!DOCTYPE html><html><head> <title>tableStyle</title></head>...

2019-07-30 11:50:01 810

原创 vue组件刷新

应用场景：调用后台接口时，当页面的参数发生改变时就需要重新调用接口，此时刷新组件就可以，不用逐个的调用。方法：1、声明一个布尔类型的变量作为标识。2、在引用组件的地方，用v-if语句3、定义刷新的方法，在参数发生改变时调用改方法即可。刷新原理就是把刷新表示先设置为false再设置为true，让组件重新渲染。...

2019-07-30 11:31:20 1609

翻译点击事件实现全屏功能

点击事件实现进入全屏及退出全屏<template> <div> <span @click="fullScreen">全屏</span> </div></template><script> export default { data(){ retu...

2019-07-29 15:15:00 596

原创 Vue应用部署及相关问题

先说问题1、部署前需要修改config目录下index.js文件，把assetsPublicPath: '/',==>改为assetsPublicPath: './',否则部署后，输入地址返回空白页。2、出现背景图片等静态资源找不到的问题须修改build目录下utils.js文件，在图中的地方添加内容：publicPath: '../../'项目部署：1、打包项目：...

2019-07-25 14:31:15 139

原创引入其它字体（CSS字体样式设置中没有的）样式

1、网上下载对应的字体文件（一般是eot和ttf格式的）2、将下载的字体文件放入font文件夹并在font文件夹下新建font.css3、编辑font.css，内容如下@font-face {font-family: 'fashion';src: url('fashion.eot?#iefix') format('embedded-opentype'),url('fashi...

2019-07-24 09:03:32 1089

qq_32580307的博客