分类:学习笔记

note

vue3 element-plus el-carousel自定义指示器样式

vue3 element-plus el-carousel自定义指示器样式
vue3 element-plus el-carousel自定义指示器的样式,指示器的默认样式是长条形的,我们需要设置为圆点,这里我们通过设置指示器的class el-carousel__indicator--horizontal来设置指示器的样式。 element-plus版...

2年前 (2023-12-10) 喜欢

使用flex布局来实现异形背景适配大小写法

使用flex布局来实现异形背景适配大小写法
之前我们遇到异形背景并且需要适配大小的时候使用过类似九宫格的思路,js 九宫格图片背景大小及定位生成,但是在一些复杂的情况比如类似下图,使用九宫格的方式也不是很方便,今天换一种思路使用flex的方式来实现。 实现代码 /** * @Author: 858834013@qq.co...

2年前 (2023-12-10) 喜欢

Highcharts 设置dataLabels自定义样式

Highcharts 设置dataLabels自定义样式
Highcharts label样式想要实现的效果如下: 第一样显示百分比 文字样式 font-size: 18px; font-family: MiSans; font-weight: 500; color: #FFFFFF; 并且百分比左侧显示小方块,小方块的大小为wid...

2年前 (2023-12-10) 喜欢

Highcharts legend底部居中显示并设置上下间距

Highcharts legend底部居中显示并设置上下间距
在Highcharts中,你可以通过设置legend属性来改变图例的位置和样式。以下是如何将图例放在底部居中并设置上下间距的示例: legend: { align: 'center', // 图例居中显示 verticalAlign: 'bottom', // 图例...

2年前 (2023-12-10) 喜欢

Highcharts设置显示legend

Highcharts设置显示legend
在Highcharts中,如果你想在饼图中显示图例,你需要在plotOptions.pie或series.pie中设置showInLegend属性为true。在你的代码中,你可以在plotOptions.pie中添加这个属性,如下所示: plotOptions: { pie...

2年前 (2023-12-10) 喜欢

Highcharts legend图标方块并设置自定义样式

Highcharts legend图标方块并设置自定义样式
设置legend样式首先设置showInLegend: true ,Highcharts设置显示legend. 在Highcharts中,你可以通过设置legend.itemStyle属性来改变图例的样式。以下是如何设置图例图标为方块并设置字体样式的示例: legend: { ...

2年前 (2023-12-10) 喜欢

echarts孝感市地图geoJson数据实例下载

echarts孝感市地图geoJson数据实例下载
数据可视化大屏 项目中经常会遇到需要渲染echarts地图 的情况,为了方便不同地区的数据使用,将一些地图数据整理出来,供大家参考,今天为大家整理的是echarts孝感市地区地图geoJson数据。 孝感,是湖北省地级市,因东汉孝子董永卖身葬父、行孝感天动地而得名。孝感是湖北省区...

2年前 (2023-12-09) 喜欢

vue2 列表选中某个元素后,让滚动条滚动到指定区域

vue2 列表选中某个元素后,让滚动条滚动到指定区域
数据大屏 项目开发中,有一个组件因为元素过多需要滚动条显示,这里会有外部组件来激活某个元素,如果这个元素没有在可视区域的话,我们需要让滚动条滚动到对应的位置让激活的元素处于可视区域内。 要让滚动条让选中的项目处于可视区域,你可以使用 DOM 的 scrollIntoView 方法...

2年前 (2023-12-09) 喜欢