![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
echarts地图map
echarts地图map
Cc_Debugger
My-Program-Life-And-Debugger/(you can call me).
展开
-
echarts地图
initMap () { const chart = this.$echarts.init(document.getElementById('map-box')); // 引入省市的json数据 var hz = require('../../../../static/china_province/330000_full.json') const data = hz; this.$echarts.registerMap('hz', data...原创 2022-03-08 15:11:10 · 572 阅读 · 0 评论 -
echarts 3D地图
安装下载3D扩展组件npm install echarts-glimport "echarts-gl"; initMap() { // 基于准备好的dom,初始化echarts实例 const chart = this.$echarts.init(document.getElementById("map")); // 引用省地图json数据 let hz = require("../../../../static/china_province/3原创 2022-04-13 15:23:34 · 552 阅读 · 0 评论 -
echarts地图下钻
init() { // 获取地图数据接口 getChart({ address: "浙江省", }).then((res) => { this.mapData = res.regionDetailList; // 处理接口数据 返回name value this.mapData = this.mapData.map((item, index) => { return { ...原创 2022-03-31 09:41:42 · 574 阅读 · 0 评论 -
echarts地图下钻&飞线
<script>import { getXheliJLChart } from "@/api/index.js";export default { data() { return { mapData: [], //流入飞线 inline: [], // dom chart: null, // 初始place place: "浙江省", // 流入起始点 inStartPo原创 2022-04-07 16:48:49 · 1012 阅读 · 0 评论 -
移动echarts地图省份名称的位置
找到地图json添加“cp”: [122.846805,30.356563],根据经纬度移动位置原创 2022-06-28 17:20:56 · 1060 阅读 · 0 评论 -
echarts地图map设置整个区域背景色
【代码】echarts地图map设置区域背景色。原创 2023-12-19 14:13:08 · 2222 阅读 · 0 评论 -
echarts地图map鼠标移入区域颜色(渐变)
【代码】echarts地图map鼠标移入区域颜色(渐变)原创 2023-12-19 14:10:18 · 1480 阅读 · 2 评论 -
echarts地图map点击区域黄色修改自定义背景色
【代码】echarts地图map点击区域黄色修改自定义背景色。原创 2023-12-19 14:02:14 · 1693 阅读 · 0 评论 -
echarts地图map点击某一区域设置选中颜色/select选中文字颜色设置无效
选中区域为红色,字体为白色。原创 2023-12-20 14:15:49 · 3222 阅读 · 2 评论 -
echarts地图map设置dataRange按照数值显示区域颜色
【代码】echarts地图map设置dataRange按照数值显示区域颜色。原创 2023-12-19 14:28:58 · 1174 阅读 · 1 评论 -
echarts地图map设置visualMap按照不同数值显示区域颜色,(自定义数值区间/自动取色)
【代码】echarts地图map设置visualMap按照不同数值显示区域颜色,(自定义数值区间/自动取色)原创 2023-12-19 14:38:25 · 2703 阅读 · 0 评论 -
echarts地图map设置dataRange和visualMap得关系,dataRange会影响到设置得飞线颜色
一开始根据地图值区间,来设置不同颜色区域后面需要使用飞线,但是飞线颜色不显示 //颜色范围,底部标签option中 // dataRange: { // show: false, // x: "left", // y: "bottom", // splitList: [ // { start: 3, end: 4, color: "#ac4b42" },原创 2022-04-02 16:20:55 · 1805 阅读 · 2 评论