echarts地图
Echarts 自适应报表
@(Echarts 自适应报表) 概述 在单个echarts报表实例中使用resize来进行自适应，多个报表就不能这么使用了。 代码 $_resizeHandler() { return debounce(() => { if (this.chart) { this.chart.resize() } ......
Echarts 如何防止内存泄漏
@(Echarts 如何防止内存泄漏) 概述 在使用Echarts时是很容易产生内存泄漏的，产生内存泄漏的原因是实例化echarts报表后在销毁组件前没有对echarts的实例进行删除。 代码 // 此段代码建议写在mixin中，在使用echarts时调用即可 beforeDestroy() { i ......
去除echart鼠标经过图表时默认背景黄色问题
废话不说，上代码： 策一： // 注册mouseover事件，去除hover样式 myChart.on("mouseover", function () { myChart.dispatchAction({ type: "downplay", }) }) 策二(荐)： geo:{ emphasis: ......
【FAQ】关于JavaScript版本的华为地图服务Map的点击事件与Marker的点击事件存在冲突的解决方案
一． 问题描述 创建地图对象，并添加marker标记，对map和marker均添加了点击事件； <body> <script> function initMap() { // 创建地图对象 const map = new HWMapJsSDK.HWMap(document.getElementByI ......
点击地图上的地位图标显示详情
在添加地图点位的时候调用clickToPop(){ let that = this; //定义select控制器，点击标注后的事件 const map = this.mapUtilobj.map; //鼠标移入点位 -- 添加鼠标的样式 map.on('pointermove', function ......
如何封装 ECharts 并导入动态数据
首先，通过封装Echarts代码为一个函数，接收数据和配置各项参数 1 function renderChart(container, data, options) { 2 const chart = echarts.init(container); 3 chart.setOption({ 4 .. ......
vue项目中引入echarts中国地图
最近项目中根据项目需求，展示中国地图 一、下载echarts插件（我这里使用的是 4.9.0 版本） npm install echarts@4.9.0 --save 二、在需要使用的页面引入echarts （这里是单独封装了地图组件） components/map.vue <template> < ......
Echarts
官网：https://echarts.apache.org/examples/zh/index.html#chart-type-bar 1、Echarts中饼图的使用（附：formatter中{d}百分比位数修改） 例如： label: { position: 'inside', formatter ......
dtcloud使用jquery和echarts
如何在dtcloud中构建前端页面，本文主要介绍在dtcloud中如何使用jquery和echarts等插件 dtcloud中内置了jquery和 Bootstrap的css样式，可以直接使用，并且dtcloud可以解析sass语法，方便大家编写样式，而echarts等文件需要单独加载引入 项目目录 ......
高德地图Demo
第一步先创建高德账号，创建应用获取key和密匙，自行百度。 npm安装 npm i @amap/amap-jsapi-loader --save 引入插件使用,此处是vue3引入，主要使用了位置和天气功能 <template> <div class="page"> <div class="icon" ......
echarts 数据密集，如果设置sampling: 'average' 会导致提示框（tooltip）无法正常显示，但是不设置sampling属性，数据很多时又会很卡，该怎么解决
如果数据比较密集，设置sampling: 'average'确实可以加速绘图，但同时也可能导致提示框无法正常显示的问题。这个问题的原因是，sampling会对数据进行抽样，因此不会显示原始的数据点，而是将数据点以一定规律进行采样，取平均值或最大或其他值，因此提示框的内容可能不准确。 不过，有一个简单 ......
uni-app引用echarts
官网：https://uniapp.dcloud.net.cn/tutorial/renderjs.html#%E7%A4%BA%E4%BE%8B 使用renderjs 引入echarts （不支持小程序【支持app和H5】） 官网例子：https://ext.dcloud.net.cn/plugi ......
【前端可视化】ECharts中国地图+散点图demo
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content ......
高德地图授权
公司出行项目用到了高德地图。 用了几个月，最近收到高德官方电话告知：高德地图接口商用需授权才能使用。 授权费，基础版5w元/每年。 5万一年对小企业来说，有点负担重重重重。 但有没办法，只能给钱。 三大地图都要求授权才能使用： 高德商用授权：https://lbs.amap.com/upgrade# ......
echarts柱状图值显示柱子内，当值为0的时候显示粗体的0，解决办法。
在制作echarts图表时，需要让柱子对应的值显示在柱子里， 可以在series里设置： series:[ { name:'增', type:'bar', barWidth:60, stack: 'one', itemStyle:{ color:'#CC0000' }, data:_zon4_z, ......
echarts堆叠图点选问题
现象：在使用dispatchaction之后，仍然不能达到想要的样子。点选柱子会高亮起颜色。实际只实现了点击一个之后，同series的其他列都变了，唯独自己点选的那个没有变。 解决方法：要拿掉tooltip 才行。 ......
echarts 更改背景
遇到一个问题很有意思记录一下: 需求如下: 使用echarts的树形图结构,更改背景颜色为环形透明状,具体图形如下 思路: 使用echarts提供的color 更改背景颜色 结果:发现此属性不生效,暂未找到原因 使用backgroundColor 更改渐变色背景 结果:该属性不支持渐变色修改 直接修 ......
ai问答：使用 Vue3 组合式API 和 TypeScript 封装 echarts 折线图
<template> <div ref="chart" style="height: 500px;"></div> </template> <script lang="ts"> import { ref, onMounted, watch } from 'vue' import * as echar ......
给echarts添加点击事件
1、在echarts内写上 myChart.off('click')//防止多次触发，在给ehcart绑定事件时，要先写上此代码。 myChart.on('click', (params) => { console.log(params) }) ......
echarts 窗口范围 dataZoom
dataZoom: [{ show: true, //显示 type:'silder, //类型为滑动条显示 fillerColor: "rgba(244, 72, 8, 0.4)", // 选中范围的颜色 borderColor: "rgba(40, 9, 242, 1)", //组件的背景颜色 ......
v3+ts中使用百度地图 附带搜索地址
话不多说 直接上源码 let addressInfo = reactive({ longitude: "", // 经度 latitude: "", // 纬度 province: "", // 省 city: "", // 市 district: "", // 区 address: "", // ......
【前端可视化】ECharts 实现响应式图表
响应式图片的实现步骤: 1.图表只设置高度，宽度设置为100% 或 不设置。 2.监听窗口的resize事件，即监听窗口尺寸的变化（需节流）。 3.当窗口大小改变时，然后调用 echartsInstance.resize 改变图表的大小。 另外需要注意的是：在容器节点被销毁时，可以调用 echart ......
腾讯地图开发填坑总结
前言：腾讯地图分为两个版本，版本1是以Tmap为标志，链接为https://map.qq.com/api/gljs?v=1.exp的1为主， 版本2是以qq.map为标志，链接为https://map.qq.com/api/gljs?v=2.exp的2为主， 可以在导入了在线链接的页面上使用wind ......
【记录】Echart使用过程中的一些奇怪问题
一、使用渐变色 官方文档对于许多颜色属性值的描述都仅仅只有一个字符串. 只在第一级菜单中有对颜色的具体描述(https://echarts.apache.org/zh/option.html#color) 在使用dataZoom组件时, 想对背景色进行自定义, 官方文档的说明是 如果你使用了type ......
如何采集高德地图商家电话资料，导出成excel里？
有很多人问我地图商家电话采集怎么做? 怎么样能够快速的把高德地图左边的搜索列表里的商家地图，电话采集出来，导出到EXCEL里？ 如何快速地将高德地图里的商家电话资料导出EXCEL？ 操作步骤： 1. 选择你要采集的省份， 城市列表里就会有相应的省份的城市列表。 2. 选择要采集的城市，比如： 青岛 ......
如何采集百度地图上搜索电话，导出到excel里去
很多销售推广人员问，怎么样能够快速的把BAIDU地图左边的搜索列表里的商家地图，电话采集出来，导出到EXCEL里。 我就开发了一个小软件，专门为快速的实现导出数据到EXCEL。 为了使用方便，已经将全国的所又省份， 每个省份里包含的地级市， 每个地级市包含的区县， 都收集数据集成到软件 里了。 只要 ......
地图商家电话采集工具/采集软件
现在的获客工具有很多，包括地图、抖音、美团、网站等，当然每种获客方式对于不同需求的人来说效果是不一样的，所以对于想获取实体店商家的人来说，采集地图商家手机号是最精准有效的获客方式。 为什么推荐地图商家采集呢？ 因为现在各大对于地图实体店的覆盖率都很高了，实体店本身也都在各大地图上主动或被动地标注位置 ......
ArcGIS Pro发布地图服务（影像、矢量）
做GIS一般都是用ArcMap发布影像或者矢量服务，由于ArcGIS后续不在更新ArcMap，改用ArcGIS Pro，本文对ArcGIS Pro发布服务进行说明。 本文示例使用（因为portal的授权的版本只有10.5的，故使用10.5进行示例）： 软件:ArcGIS Pro3.0.1（破解版）， ......
跟随 三维地图看世界 学习
文档说明：只记录关键地方; 2023-04-19 缘由： 搜索知识，但是搜索引擎不太好用，索性记录一下 要点： 开始视频 发现 标题 的字 不知道怎么读 ！ 如何解决？ 如何把一个不认识的字，也不知道读音的字 输入到搜索引擎的输入框 如何在网页中输入带声调的汉语拼音 如何核对一个字的发音 如何机器学 ......