数据可视化大屏项目开发中，当父元素设置了display: flex;后，子元素指定宽度无效，文字仍然会超出边界外。
解决办法
给元素添加min-width: 0;属性，这样元素的宽度就不会超过你设置的值了。
修改前
.tableBody2 {
height: 32p...
1年前 (2023-12-03)
喜欢
数据大屏项目开发中，我们需要实现自定义颜色的横向柱状图，每个柱状图顶部都有一个帽子，帽子的颜色要和柱状图主体色一致。
实现代码
<template>
<div class="echarts1" ref="echarts&quo...
1年前 (2023-12-01)
喜欢
echarts 伪3d圆柱体堆叠柱状图效果实例，柱状图为渐变色堆叠为3d圆柱体柱状图，每个柱状图底部有个半圆效果会遮挡住下面的柱状图，柱状图顶部有一个椭圆遮挡柱状图顶部，让柱状图看起来像一个圆柱体。
实例代码
drawEcharts() {
var that = this
...
1年前 (2023-11-30)
喜欢
highcharts3d饼状图渲染时正常情况下渲染出来应该是类似下面的情况，但是在实际开发中，如果和其他类型的3d饼状图在一块开发时，会出现饼状图没有高度的情况，类似图2的效果。
图1：
图2：
解决办法
我们在设置饼状图数据的时候，可以给一个h值这个h值就是饼状图的高度了。...
1年前 (2023-11-30)
喜欢
vue2项目开发中，轮播时，会需要一些类似3d的效果，今天整理的插件：vue-carousel-3d一个3d轮播插件。如果是在vue3项目中运行的话可以使用：vue3 3d轮播插件 - vue3-carousel-3d介绍
插件效果截图
动态效果
api文档
vue2 3d轮...
1年前 (2023-11-30)
喜欢
echarts饼状图中心需要显示自定义数字，并且鼠标放在数字上需要弹窗显示，这样我们就需要在tooltip显示和隐藏时动态调整数字的图层，以避免互相影响。
对于Vue.js项目中，如果你想在tooltip显示时改变echartsBody2的层级（z-index），你可以在tool...
1年前 (2023-11-30)
喜欢
数据可视化大屏 项目中经常会遇到需要渲染echarts地图 的情况，为了方便不同地区的数据使用，将一些地图数据整理出来，供大家参考，今天为大家整理的是echarts荆门市地区地图geoJson数据。
荆门，湖北省辖地级市，位于湖北省中部，地处汉江中下游，北接襄阳市和随州市，西靠宜...
1年前 (2023-11-30)
喜欢
在Mac上修改默认浏览器的步骤如下：
在Mac上，点击屏幕左上角的苹果菜单，选择“系统偏好设置”。
如果你的macOS版本是Ventura或更高版本，点击边栏中的“桌面与程序坞”，然后向下滚动，从右侧的“默认网页浏览器”菜单中选取一个网页浏览器。
如果你的macOS版...
1年前 (2023-11-29)
喜欢
CSS的z-index属性的最大层级是±2147483647。这意味着你可以将z-index设置为任何介于-2147483647和2147483647之间的整数。然而，实际上在大多数情况下，你可能不需要使用这么大的z-index值。在CSS代码库中，你通常会看到z-index值为...
1年前 (2023-11-29)
喜欢
echarts大屏项目开发中，需要实现一个功能，饼状图点击扇形区域后对应的自定义lengend高亮，点击自定义lengend后，对应的扇形区域高亮。
动态效果
echarts相关代码
<template>
<div class="echarts...
1年前 (2023-11-29)
喜欢
