首先import echarts from "echarts"; 替换成import * as echarts from 'echarts';
npm uninstall echarts --save卸载所有echarts
npm install echarts@5.1.0 --save 必须这么做
直接上代码，粘贴就好使
<div class="echart-all">
<div
id="administrativeCpsvg2"
style="
dispaly: flex;
height: 1250px;
width: 90%;
margin-left: 5%;
margin-right: 5%;
margin-top: 0px;
"
></div>
</div>
var myChart2 = echarts.init(
document.getElementById("administrativeCpsvg2")
);
if (myChart2 === undefined) {
myChart2 = echarts.init(
document.getElementById("administrativeCpsvg2")
);
}
echarts.registerMap("organ_diagram", { svg: `我自己的svg`});
注意：我自己的svg：代码，服务器都可以！！！
var option = {
tooltip: {},
geo: {
left: 10,
right: "0%",
map: "organ_diagram",
selectedMode: "multiple",
emphasis: {
focus: "self",
itemStyle: {
color: null,
},
label: {
position: "bottom",
distance: 0,
textBorderColor: "#fff",
textBorderWidth: 2,
},
},
blur: {},
select: {
itemStyle: {
color: "#b50205",
},
label: {
show: false,
textBorderColor: "#fff",
textBorderWidth: 2,
},
},
},
// grid: {
// left: "60%",
// top: "20%",
// bottom: "20%",
// },
// xAxis: {},
// yAxis: {
// data: [
// "Airway",
// "Blood",
// "Brain",
// "Heart",
// "Intestine",
// "kidney",
// "Liver",
// "Lung",
// "Lymph node",
// "Pancreas",
// ],
// },
// series: [
// {
// type: "bar",
// emphasis: {
// focus: "self",
// },
// data: [121,121,121,121, 321, 141, 52, 198, 289, 139],
// },
// ],
};
myChart2.setOption(option);
myChart2.on('click', function (params){
console.log("1",params);
}
