数据大屏项目开发中,我们需要实现自定义颜色的横向柱状图,每个柱状图顶部都有一个帽子,帽子的颜色要和柱状图主体色一致。
实现代码
<template>
<div class="echarts1" ref="echarts&quo...
yekong
11个月前 (12-01)
喜欢
可视化数据大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是孝感市孝南区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
孝南区位于湖北省...
yekong
11个月前 (12-01)
喜欢
数据可视化大屏设计中,经常会用到一些特殊的字体,今天整理一下自己遇到的字体。
15.前端字体资源下载 峰广明锐体 免费商用字体
前端字体资源下载 峰广明锐体 免费商用字体
14.圈欣意冠黑体 Fontquan-XinYiGuanHeiTi
圈欣意冠黑体 Fontquan-Xin...
yekong
11个月前 (12-01)
喜欢
前端项目开发中,需要用到很多字体,经常会遇到重复的字体,想着每次重新找设计要或者自己百度也麻烦,不然记录下来,方便后续遇到一样的可以直接下载使用。
授权
免费商用
字体名称
峰广明锐体 fengguangmingrui
字体介绍
"峰广明锐体"是由心光工作室...
yekong
11个月前 (12-01)
喜欢
前端项目开发中,需要用到很多字体,经常会遇到重复的字体,想着每次重新找设计要或者自己百度也麻烦,不然记录下来,方便后续遇到一样的可以直接下载使用。
授权
免费商用
字体名称
圈欣意冠黑体 Fontquan-XinYiGuanHeiTi
字体介绍
"字体圈欣意冠黑体&q...
yekong
11个月前 (11-30)
喜欢
echarts 伪3d圆柱体堆叠柱状图效果实例,柱状图为渐变色堆叠为3d圆柱体柱状图,每个柱状图底部有个半圆效果会遮挡住下面的柱状图,柱状图顶部有一个椭圆遮挡柱状图顶部,让柱状图看起来像一个圆柱体。
实例代码
drawEcharts() {
var that = this
...
yekong
11个月前 (11-30)
喜欢
highcharts3d饼状图渲染时正常情况下渲染出来应该是类似下面的情况,但是在实际开发中,如果和其他类型的3d饼状图在一块开发时,会出现饼状图没有高度的情况,类似图2的效果。
图1:
图2:
解决办法
我们在设置饼状图数据的时候,可以给一个h值这个h值就是饼状图的高度了。...
yekong
11个月前 (11-30)
喜欢
vue2项目开发中,轮播时,会需要一些类似3d的效果,今天整理的插件:vue-carousel-3d一个3d轮播插件。如果是在vue3项目中运行的话可以使用:vue3 3d轮播插件 - vue3-carousel-3d介绍
插件效果截图
动态效果
api文档
vue2 3d轮...
yekong
11个月前 (11-30)
喜欢
echarts饼状图中心需要显示自定义数字,并且鼠标放在数字上需要弹窗显示,这样我们就需要在tooltip显示和隐藏时动态调整数字的图层,以避免互相影响。
对于Vue.js项目中,如果你想在tooltip显示时改变echartsBody2的层级(z-index),你可以在tool...
yekong
11个月前 (11-30)
喜欢
数据可视化大屏 项目中经常会遇到需要渲染echarts地图 的情况,为了方便不同地区的数据使用,将一些地图数据整理出来,供大家参考,今天为大家整理的是echarts荆门市地区地图geoJson数据。
荆门,湖北省辖地级市,位于湖北省中部,地处汉江中下游,北接襄阳市和随州市,西靠宜...
yekong
11个月前 (11-30)
喜欢