You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@echarts.apache.org by 高洁 <ga...@yzdhkj.com> on 2024/06/04 06:30:19 UTC

echarts 3D地图叠加柱状图最小值不显示问题

var&nbsp;geoCoordMap&nbsp;=&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;黑龙江:&nbsp;[127.9688,&nbsp;45.368],
&nbsp;&nbsp;&nbsp;&nbsp;内蒙古:&nbsp;[110.3467,&nbsp;41.4899],
&nbsp;&nbsp;&nbsp;&nbsp;吉林:&nbsp;[125.8154,&nbsp;44.2584],
&nbsp;&nbsp;&nbsp;&nbsp;北京市:&nbsp;[116.4551,&nbsp;40.2539],
&nbsp;&nbsp;&nbsp;&nbsp;辽宁:&nbsp;[123.1238,&nbsp;42.1216],
&nbsp;&nbsp;&nbsp;&nbsp;河北:&nbsp;[114.4995,&nbsp;38.1006],
&nbsp;&nbsp;&nbsp;&nbsp;天津:&nbsp;[117.4219,&nbsp;39.4189],
&nbsp;&nbsp;&nbsp;&nbsp;山西:&nbsp;[112.3352,&nbsp;37.9413],
&nbsp;&nbsp;&nbsp;&nbsp;陕西:&nbsp;[109.1162,&nbsp;34.2004],
&nbsp;&nbsp;&nbsp;&nbsp;甘肃:&nbsp;[103.5901,&nbsp;36.3043],
&nbsp;&nbsp;&nbsp;&nbsp;宁夏:&nbsp;[106.3586,&nbsp;38.1775],
&nbsp;&nbsp;&nbsp;&nbsp;青海:&nbsp;[101.4038,&nbsp;36.8207],
&nbsp;&nbsp;&nbsp;&nbsp;新疆:&nbsp;[87.9236,&nbsp;43.5883],
&nbsp;&nbsp;&nbsp;&nbsp;西藏:&nbsp;[91.11,&nbsp;29.97],
&nbsp;&nbsp;&nbsp;&nbsp;四川:&nbsp;[103.9526,&nbsp;30.7617],
&nbsp;&nbsp;&nbsp;&nbsp;重庆:&nbsp;[108.384366,&nbsp;30.439702],
&nbsp;&nbsp;&nbsp;&nbsp;山东:&nbsp;[117.1582,&nbsp;36.8701],
&nbsp;&nbsp;&nbsp;&nbsp;河南:&nbsp;[113.4668,&nbsp;34.6234],
&nbsp;&nbsp;&nbsp;&nbsp;江苏:&nbsp;[118.8062,&nbsp;31.9208],
&nbsp;&nbsp;&nbsp;&nbsp;安徽:&nbsp;[117.29,&nbsp;32.0581],
&nbsp;&nbsp;&nbsp;&nbsp;湖北:&nbsp;[114.3896,&nbsp;30.6628],
&nbsp;&nbsp;&nbsp;&nbsp;浙江:&nbsp;[119.5313,&nbsp;29.8773],
&nbsp;&nbsp;&nbsp;&nbsp;福建:&nbsp;[119.4543,&nbsp;25.9222],
&nbsp;&nbsp;&nbsp;&nbsp;江西:&nbsp;[116.0046,&nbsp;28.6633],
&nbsp;&nbsp;&nbsp;&nbsp;湖南:&nbsp;[113.0823,&nbsp;28.2568],
&nbsp;&nbsp;&nbsp;&nbsp;贵州:&nbsp;[106.6992,&nbsp;26.7682],
&nbsp;&nbsp;&nbsp;&nbsp;云南:&nbsp;[102.9199,&nbsp;25.4663],
&nbsp;&nbsp;&nbsp;&nbsp;广东:&nbsp;[113.12244,&nbsp;23.009505],
&nbsp;&nbsp;&nbsp;&nbsp;广西:&nbsp;[108.479,&nbsp;23.1152],
&nbsp;&nbsp;&nbsp;&nbsp;海南:&nbsp;[110.3893,&nbsp;19.8516],
&nbsp;&nbsp;&nbsp;&nbsp;上海:&nbsp;[121.4648,&nbsp;31.2891],
};
var&nbsp;chinaDatas&nbsp;=&nbsp;[
&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;name:&nbsp;'吉林',&nbsp;value:&nbsp;10&nbsp;},


&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;name:&nbsp;'贵州',&nbsp;value:&nbsp;13&nbsp;},
&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;name:&nbsp;'云南',&nbsp;value:&nbsp;13&nbsp;},

];

var&nbsp;convertData&nbsp;=&nbsp;function&nbsp;(data)&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;res&nbsp;=&nbsp;[];
&nbsp;&nbsp;&nbsp;&nbsp;for&nbsp;(var&nbsp;i&nbsp;=&nbsp;0;&nbsp;i&nbsp;<&nbsp;data.length;&nbsp;i++)&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;geoCoord&nbsp;=&nbsp;geoCoordMap[data[i].name];
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(geoCoord)&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;res.push({
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;name:&nbsp;data[i].name,
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;value:&nbsp;geoCoord.concat(data[i].value),
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}
&nbsp;&nbsp;&nbsp;&nbsp;}
&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;res;
};

option&nbsp;=&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;geo3D:&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;map:&nbsp;'china',
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;boxDepth:&nbsp;80,
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;boxHeight:10,
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;regionHeight:&nbsp;2,
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;zlevel:0,
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;itemStyle:&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;areaColor:&nbsp;'rgb(5,101,123)',
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;opacity:&nbsp;1,
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;borderWidth:&nbsp;0.5,
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;borderColor:&nbsp;'rgb(62,215,213)',
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;viewControl:&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;autoRotate:&nbsp;false,
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;rotateSensitivity:&nbsp;1,
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;zoomSensitivity:&nbsp;1,
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;panSensitivity:&nbsp;1,
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alpha:&nbsp;40,
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;beta:&nbsp;0,
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;label:&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;show:&nbsp;true,
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;emphasis:&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;label:&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;show:&nbsp;true,
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;textStyle:&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;color:&nbsp;'#fff',
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;fontSize:&nbsp;3,
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;backgroundColor:&nbsp;'rgba(0,23,11,0)',
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},


&nbsp;&nbsp;&nbsp;&nbsp;},
&nbsp;&nbsp;&nbsp;&nbsp;series:&nbsp;[
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;name:&nbsp;'bar3D',
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type:&nbsp;'bar3D',
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;zlevel:1,
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;coordinateSystem:&nbsp;'geo3D',
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;barSize:&nbsp;1,&nbsp;//柱子粗细
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;shading:&nbsp;'lambert',
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;opacity:&nbsp;0.1,
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;minHeight:1,
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;bevelSize:&nbsp;0.3,
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;label:&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;show:&nbsp;false,
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;formatter:&nbsp;function&nbsp;(data)&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;console.log(data)
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;res&nbsp;=&nbsp;data.name&nbsp;+&nbsp;'&nbsp;'&nbsp;+&nbsp;data.value[2];
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;res;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;data:&nbsp;convertData(chinaDatas),
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},
&nbsp;&nbsp;&nbsp;&nbsp;],
};






老师，您好，echarts地图叠加柱状图时如果设置minheight,那么最小值的高度就是minheight的高度，不设置的话就显示平面，与其他值比例不对，请教解决办法，谢谢


发自我的企业微信