数据可视化大屏项目开发中，会遇到各种不同样式的边框，为了适配不同比例的屏幕，这些边框我们不能直接做背景图，需要将其切成多段拼接成背景图。
准备图片
首先我们需要准备边框图片，将边框图片切成9个，以便于让其尽可能在不同宽高下不变形。
写样式
接下来我们需要通过css将图片拼接成...
1年前 (2023-12-10)
喜欢
之前我们遇到异形背景并且需要适配大小的时候使用过类似九宫格的思路，js 九宫格图片背景大小及定位生成，但是在一些复杂的情况比如类似下图，使用九宫格的方式也不是很方便，今天换一种思路使用flex的方式来实现。
实现代码
/**
* @Author: 858834013@qq.co...
1年前 (2023-12-10)
喜欢
vue3项目开发中，我们需要实现Element-plus el-carousel走马灯给自定义图片绑定点击事件，点击后可以轮播走马灯图片。
使用到的element-plus版本
"element-plus": "^2.3.8",
为了实现...
1年前 (2023-12-10)
喜欢
Highcharts label样式想要实现的效果如下：
第一样显示百分比 文字样式
font-size: 18px;
font-family: MiSans;
font-weight: 500;
color: #FFFFFF;
并且百分比左侧显示小方块，小方块的大小为wid...
1年前 (2023-12-10)
喜欢
在Highcharts中，你可以通过设置legend属性来改变图例的位置和样式。以下是如何将图例放在底部居中并设置上下间距的示例：
legend: {
align: 'center', // 图例居中显示
verticalAlign: 'bottom', // 图例...
1年前 (2023-12-10)
喜欢
在Highcharts中，如果你想在饼图中显示图例，你需要在plotOptions.pie或series.pie中设置showInLegend属性为true。在你的代码中，你可以在plotOptions.pie中添加这个属性，如下所示：
plotOptions: {
pie...
1年前 (2023-12-10)
喜欢
设置legend样式首先设置showInLegend: true ，Highcharts设置显示legend.
在Highcharts中，你可以通过设置legend.itemStyle属性来改变图例的样式。以下是如何设置图例图标为方块并设置字体样式的示例：
legend: {
...
1年前 (2023-12-10)
喜欢
数据可视化大屏 项目中经常会遇到需要渲染echarts地图 的情况，为了方便不同地区的数据使用，将一些地图数据整理出来，供大家参考，今天为大家整理的是echarts孝感市地区地图geoJson数据。
孝感，是湖北省地级市，因东汉孝子董永卖身葬父、行孝感天动地而得名。孝感是湖北省区...
1年前 (2023-12-09)
喜欢
数据可视化大屏 项目中经常会遇到需要渲染echarts地图的情况，为了方便不同城市快速实现效果，将不同城市的echarts地图效果整理出来，供大家参考，今天为大家整理的是孝感市汉川市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
汉川市位于中国湖...
1年前 (2023-12-09)
喜欢
数据大屏 项目开发中，有一个组件因为元素过多需要滚动条显示，这里会有外部组件来激活某个元素，如果这个元素没有在可视区域的话，我们需要让滚动条滚动到对应的位置让激活的元素处于可视区域内。
要让滚动条让选中的项目处于可视区域，你可以使用 DOM 的 scrollIntoView 方法...
1年前 (2023-12-09)
喜欢
