//图表的配置文件
this.mapChartOption1 = {
//鼠标放置在地图上的显示
tooltip: {
trigger: "item",
formatter: (p) => {
// console.log('guo');
// console.log(p);
//这里p可以获取到所有的数据
let val = p.value;
if (window.isNaN(val)) {
val = 0;
}
let txtCon =
"<div style='text-align:center'>" +
p.name +
":<br />总数:" +
val +
"</div>";
return txtCon;
},
},
series: [
{
type: "map",
map: name,
itemStyle: {
//未选中样式
//背景颜色
areaColor: "#909399",
//边框颜色
borderColor: "#fbfdfe",
//边框宽度
borderWidth: 1,
},
emphasis: {
// 选中样式
borderWidth: 1,
//高亮颜色
areaColor: "#2062e6",
label: {
//显示文字
show: true,
//鼠标移入的字体颜色
color: "black",
},
},
data: [],
},
{
name: "预警", // series名称
type: "effectScatter", // series图表类型
coordinateSystem: "geo", // series坐标系类型
// symbolSize: function (val) {
// return val[2];
// },
symbolSize: 16,
// data: myData, // series数据内容
data: [
{
name: "成都", // 数据项名称,在这里指地区名称
value: [
// 数据项值
"104.072747", // 地理坐标,经度
"30.578994", // 地理坐标,纬度
340, // 成都地区的数值
],
},
],
emphasis: {
show: false,
label: {
show: false,
},
},
//series样式
itemStyle: {
color: "#711d8e",
},
},
],
};
console.log(this.mapChartOption1);
// option && myChart.setOption(this.mapChartOption1);
myChart.setOption(this.mapChartOption1, true);
},
echarts地图散点配置好了但是不显示怎么回事
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
2条回答 默认 最新
悬赏问题
- ¥15 解决一个加好友限制问题 或者有好的方案
- ¥15 关于#java#的问题,请各位专家解答!
- ¥15 急matlab编程仿真二阶震荡系统
- ¥20 TEC-9的数据通路实验
- ¥15 ue5 .3之前好好的现在只要是激活关卡就会崩溃
- ¥50 MATLAB实现圆柱体容器内球形颗粒堆积
- ¥15 python如何将动态的多个子列表,拼接后进行集合的交集
- ¥20 vitis-ai量化基于pytorch框架下的yolov5模型
- ¥15 如何实现H5在QQ平台上的二次分享卡片效果?
- ¥30 求解达问题(有红包)