js 南京地图开放平台地图绘制虚线
经纬度数据
lineData: [
[
[118.65848076002578, 31.979939940927373],
[118.66587124452269, 31.982411780406892],
...
yekong
1年前 (2023-07-09)
喜欢
vue3 数据大屏项目开发中,需要一些底座效果,今天整理的是vue3 数据可视化大屏多色底座效果
介绍
四个角由线条组成,自上而下背景渐变色 中间依次为数字(数字滚动效果) 底座 以及标题 还有进度条。
实例代码
<template>
<div clas...
yekong
1年前 (2023-07-08)
喜欢
echarts 数据大屏开发中,需要渲染折线图,但是折线图渲染的数据是以条为单位的数据,不可能出现小数的情况,所以我们需要配置一下,让其最小间隔为1
设置前
设置后
要将 ECharts 中 Y 轴的最小间隔设置为 1,您可以使用 yAxis 配置项的 interval 属性...
yekong
1年前 (2023-07-07)
喜欢
要根据数组中指定字段(这里是value)进行降序排序,你可以使用Array.prototype.sort()方法,并传入一个比较函数作为参数。比较函数将根据指定字段的值进行排序比较。
以下是一个示例代码,按照value字段进行降序排序:
const data = [
{
...
yekong
1年前 (2023-07-07)
喜欢
要随机修改数组中每个对象的value属性的值,你可以使用JavaScript的Math.random()函数生成一个随机数,并将其乘以一个范围内的值,然后将结果四舍五入为整数。
以下是一个示例代码,用于随机修改给定数组中每个对象的value属性的值:
const data = [...
yekong
1年前 (2023-07-07)
喜欢
echarts 柱状图顶部需要添加label用来显示数字,我们需要修改一下代码。
无label效果
有label效果
在ECharts中,你可以通过设置label属性的color和fontSize来改变顶部标签的颜色和字体大小。以下是一个相关的示例:
option = {
...
yekong
1年前 (2023-07-06)
喜欢
echarts 项目开发中,设计图是圆点,但是echarts默认是方形的,所以我们需要调整调整一下。
修改前
修改后
在 ECharts 中,你可以通过 "legend.icon" 的配置项来设置图例的图标形状。要将图例设置为圆点,你可以将 "l...
yekong
1年前 (2023-07-06)
喜欢
echarts 数据大屏开发时,有些模块的区域比较小,这时候的echarts柱状图的值可能会显示不完整导致很多数据堆叠到了一块,这时候我们需要调整一下。
处理前
处理后
要在 ECharts 中限制 Y 轴最多显示三条刻度线,您可以使用 yAxis 配置项的 max 和 mi...
yekong
1年前 (2023-07-06)
喜欢
echarts 项目开发中,需要给x轴和y轴添加文字标注,分别在左上角和右下角添加标注。这里我们使用title字段来实现。
要在 ECharts 中添加两个标题,一个位于左上角且绿色,另一个位于右下角且灰色,您可以使用 title 配置项的 textStyle 属性来设置标题的...
yekong
1年前 (2023-07-06)
喜欢
要移除 GeoGlobe 中的标记(Marker),你可以使用 remove 方法。以下是一个示例代码,演示如何添加和移除标记:
// 创建标记的HTML元素
var markDiv = document.createElement('div');
markDiv.innerHT...
yekong
1年前 (2023-07-05)
喜欢