小程序使用echarts地图问题

只显示了图例,地图出不来,请问是什么问题
image.png
image.png
`

import * as echarts from '../../ec-canvas/echarts';

import '../../util/china.js'

let chart = null;

var dataList = [{ name: "南海诸岛",value: 0},{name: '北京', value: 54},{name: '天津',value: 13},{name: '上海',value: 40},

{name: '重庆',value: 1175},{name: '河北',value: 13},{name: '河南',value: 83},{name: '云南',value: 11},{name: '辽宁',value: 19},

{name: '黑龙江',value: 1115},{name: '湖南',value: 69},{name: '安徽',value: 60},{name: '山东',value: 39},{name: '新疆',value: 4},

{name: '江苏', value: 3331},{name: '浙江', value: 104},{name: '江西', value: 36},{ name: '湖北', value: 1052},{ name: '广西', value: 33},

{name: '甘肃', value: 7},{name: '山西', value: 9},{name: '内蒙古',value: 7},{ name: '陕西', value: 22},{name: '吉林',value: 4},

{name: '福建',value: 18},{name: '贵州',value: 5},{name: '广东',value: 98},{name: '青海',value: 1},{name: '西藏',value: 0},{name: '四川',value: 44},{name: '宁夏',value: 4},{name: '海南',value: 22},{name: '台湾',value: 3},{name: '香港',value: 5},{name: '澳门',value: 5}

];

function initChart(canvas, width, height) {

chart = echarts.init(canvas, null, {

width: width,

height: height,

});

canvas.setChart(chart);

var option = {

tooltip: {

triggerOn: "click",

formatter: function (e, t, n) {

return .5 == e.value ? e.name + ":有疑似病例" : e.seriesName + "
" + e.name + ":" + e.value

}

},

visualMap: {

min: 0,

max: 1000,

left: 26,

bottom: 40,

showLabel: !0,

text: ["高", "低"],

pieces: [{

gt: 100,

label: "> 100 人",

color: "#7f1100"

}, {

gte: 10,

lte: 100,

label: "10 - 100 人",

color: "#ff5428"

}, {

gte: 1,

lt: 10,

label: "1 - 9 人",

color: "#ff8c71"

}, {

gt: 0,

lt: 1,

label: "疑似",

color: "#ffd768"

}, {

value: 0,

color: "#ccc"

}],

show: !0

},

geo: {

map: "china",

roam: !1,

scaleLimit: {

min: 1,

max: 2

},

zoom: 1.23,

top: 10,

label: {

normal: {

show: !0,

fontSize: "14",

color: "rgba(0,0,0,0.7)"

}

},

itemStyle: {

normal: {

//shadowBlur: 50,

//shadowColor: 'rgba(0, 0, 0, 0.2)',

borderColor: "rgba(0, 0, 0, 0.2)"

},

emphasis: {

areaColor: "#f2d5ad",

shadowOffsetX: 0,

shadowOffsetY: 0,

borderWidth: 0

}

}

},

series: [{

name: "确诊病例",

type: "map",

geoIndex: 0,

data:dataList

}]

};

chart.setOption(option);

return chart;

}

Page({

onShareAppMessage: function (res) {

return {

title: 'ECharts 可以在微信小程序中使用啦!',

path: '/pages/index/index',

success: function () { },

fail: function () { }

}

},

data: {

ec: {

onInit: initChart

}

},

onReady() {

setTimeout(function () {

// 获取 chart 实例的方式

console.log(chart)

}, 2000);

}

});`### 问题描述

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

你期待的结果是什么?实际看到的错误信息又是什么?

阅读 2.4k
1 个回答

你好,感谢邀请,是否有报错呢,可否贴出报错截图。
地图不显示可能是没有css给定限制

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题