数据可视化大屏项目开发中，经常会需要需要展示进度条排行榜的效果。今天我们来整理一下其实现的思路。
获取占比
一般后端返回数据后，前端需要根据数值自行计算占比，占比方式有两种，一种是所有数据累加占比，一种是最大值占比。这就需要我们获取数组中的最大值，以及获取数据中的总数，然后我们...
yekong
1年前 (2023-06-11)
喜欢
vue外包项目 中在与后端进行数据调用的时候，会遇到需要二次处理后端返回数据的情况，比如对一组数据进行排序，这时候我们可以通过一个方法对数据进行排序处理。
从小到大排序
function sortKey(array, key) {
return array.sort(fu...
yekong
1年前 (2023-06-11)
喜欢
js对数组求和的方法有很多，我们先整理一下求和的方法
for循环方法
通过for循环进行求和
let arr = [1,2,3,4,5,1];
function getSum(arr){
let sum = 0;
for(var i = 0;i<...
yekong
1年前 (2023-06-11)
喜欢
项目开发中，我们经常需要获取数组中的最大值，这时候我们可以通过很多方式来获取到：
使用Math.max
const arr = [1, 2, 3, 5, 4, 900]
const maxNum = Math.max(...arr)
console.log(maxNum)
使用...
yekong
1年前 (2023-06-11)
喜欢
1.插槽描述
插槽是 Vue 提出来的一个概念，插槽用于决定将所携带的内容，插入到指定的某个位置，从而使模板分块，具有模块化的特质和更大的重用性。插槽显不显示、怎样显示是由父组件来控制的，而插槽在哪里显示就由子组件来进行控制.
2.插槽分类
插槽分为三种：
默认插槽
具名插槽
作...
yekong
1年前 (2023-06-10)
喜欢
上一节我们学习了cesium着色器自带函数与变量，这一节我们来学习Appearance编写着色器修改外观.
使用着色器实现渐变色
这里使用的cesium是和教程里一样的版本号1.93.0，版本高一点的话，可能会报错，比如1.102.0时，下面的代码就会报错，但是这一块自己还不能融...
yekong
1年前 (2023-06-09)
喜欢
上一节我们学习了cesiumjs fabric自定义着色器设置材质，这一节我们来学习cesium着色器自带函数与变量.
着色器文档
着色器文档地址
生成材质
let material1 = new Cesium.Material({
fabric: {
...
yekong
1年前 (2023-06-09)
喜欢
上一节我们学习了cesiumjs primitive材质类型与设置，这一节我们来学习cesiumjs fabric自定义着色器设置材质.
fabric 设置图片类型
// 图片类型
let material1 = new Cesium.Material({
fa...
yekong
1年前 (2023-06-09)
喜欢
cesiumjs提供了很多primitive材质类型，今天我们来整理一下，primitive的材质类型以及设置实例。
颜色类型
let material1 = new Cesium.Material.fromType("Color", {
co...
yekong
1年前 (2023-06-09)
喜欢
卡片效果为标题，数字。
数字使用数字滚动组件。
静态效果
动态效果
标题渐变色
标题文字使用了从上到下的渐变色
font-size: 16px;
font-family: MicrosoftYaHei;
font-weight: bold;
color: #FFFFFF;
...
yekong
1年前 (2023-06-09)
喜欢
