- 博客(9)
- 资源 (2)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 echarts排行榜，类目名字在柱子上方全部显示，前三名序号使用自定义图片背景
使用echarts图表开发排行榜时，由于类目轴数据名称过长导致实例展示效果很差，产品要求将类目名称在柱子上方显示，排列序号在柱子左边显示，前三名使用自定义图片。效果如下图所示：上述效果实现思路：1、首先配置出类目轴在柱子上方，序号自定义的实例，可以通过左边序号通过yAxis的配置项axisLabel中rich来实现，柱子上方的类目名称通过series的label配置项来实现，具体效果如下：具体配置项如下： var yData = [ "我是第一名但是我的名字.
2020-07-06 17:15:26
5681
4
原创 echart x轴文字过长换行全部显示
使用echart图表开发过程中，经常遇到类目轴（一般x轴）数据名称过长导致图例展示效果很差，写了一个方法当x轴名称较长时换行显示。效果如下图所示：上述效果的实现方式就是在x轴的axisLabel配置项中使用formatter函数对文本进行换行处理（每行显示的文字个数根据实际效果自定义），具体代码如下：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> ..
2020-07-06 15:04:42
1526
1
原创 echart x轴文字过长截断显示省略号，鼠标hover显示title
使用echart图表开发过程中，经常遇到类目轴（一般x轴）数据名称过长导致图例展示效果很差，写了一个方法当x轴名称较长时截断显示省略号，鼠标移上去title显示全部。效果如下图所示：具体实现思路：1. 设定mychart.on('mouseover',functionx) ,mychart的鼠标悬浮事件,当鼠标移动到x轴的名称时触发这个事件.这里需要把x轴设置为triggerEvent: true,切记.2. 声明一个不显示的div框,这个框是用在鼠标移到类目上,显示展开的全部的名称的..
2020-07-06 14:36:27
4927
原创 mint-ui Radio在部分安卓机上选中时选项底部出现一条横线，可以通过设置background-image: none;解决
问题描述：mint-ui Radio在部分安卓机上选中时选项底部出现一条横线，如图所示，引起原因：可能是组件自带的样式设置了background-image导致，查看组件样式源码，发现有设置background-image，可以尝试设置background-image:none;来解决这个问题。组件部分源码如下图：重新样式代码： .mint-cell:las...
2020-03-10 21:19:26
491
原创 VS Code 设置缩进为4个空格
VS Code默认缩进为2两个空格，修改为4个空格的方法。一、首选项->设置，设置"editor.detectIndentation": false 二、ctrl+shift+x 打开插件下载页面，搜索beautify插件下载三、在用户配置中，配置beautify（用户配置打开方式见步骤一） "beautify.config": { "...
2019-02-18 20:41:29
17373
原创 解决java.sql.SQLException: ORA-01795: 列表中的最大表达式数为 1000异常
在项目中遇到了JDBC会抛出“java.sql.SQLException: ORA-01795: 列表中的最大表达式数为 1000”这个异常。这个异常产生的原因时因为Oracel数据库使用in批量查询时，in后面的参数限制在1000个，如果超过1000个，JDBC会出“java.sql.SQLException: ORA-01795: 列表中的最大表达式数为 1000”这个异常。初步解决这个问题...
2019-01-19 17:46:02
2613
原创 Java List数据封装Tree结构
在java项目中，经常会遇到将从数据库中查询的list结构数据封装成Tree结构的数据。比如行政区划、部门这类有上下级关系的数据经常需要封装成Tree。下面就是在实际项目中遇到的需要将从数据库中获取的行政区划数据封装成tree结构的示例。// 将list封装成treepublic static List<XzqhNodeDto> treeBuild(List<XzqhNo...
2019-01-19 15:25:14
1278
原创 三种实例化bean的方式：
三种实例化bean的方式：在Spring中有三种实例化bean的方式：1、使用类构造器实例化；（默认无参数，一般使用这种方式）2、使用静态工厂方法实例化（简单工厂模式）；3、使用实例化工厂实例化（工厂方法模式）。每种实例化方法的xml配置是不同的。 首先，创建一个Bean类，Bean类有一个say方法。package com.mybean.bean;/** ...
2018-08-16 09:42:36
1508
原创 XML解析详解--DOM解析、SAX、DOM4J、JDOM
四种解析方式：DOM解析、SAX解析、DOM4J解析、JDOM解析（其中DOM解析和SAX解析时java官方提供给我们解析xml文档的方式，所以我们不需要额外引入一些jar包；但是DOM4J和JDOM解析是其他组织利用他们的方式去解析xml文件的，所以我们在运用这两种解析方式的时候，需要额外下载一些jar包，导入到我们的工程中）示例：解析写好的book.xml文件，并存入JAVA对象...
2018-08-16 07:53:59
159
怎么用两台电脑测TCP协议性能
2017-09-30
TA创建的收藏夹 TA关注的收藏夹
TA关注的人