地块echarts bar3D配置项内容和展示
配置项如下
var geoJson = {
type: 'FeatureCollection',
features: [
{
type: 'Feature',
properties: {
name: 'D区',
},
geometry: {
type: 'Polygon',
coordinates: [
[
[105.78882873058323, 31.463248180940912],
[105.7892364263535, 31.462442851598468],
[105.78977286815649, 31.461674121673905],
[105.79033076763159, 31.46085047546578],
[105.7910174131394, 31.46015494635924],
[105.79176843166357, 31.459569233631107],
[105.79230487346655, 31.459898697491475],
[105.79301297664648, 31.460063428986977],
[105.79374253749853, 31.459587537209348],
[105.79440772533422, 31.45975226925221],
[105.7948368787766, 31.45955093004938],
[105.79560935497291, 31.459862090453136],
[105.79590976238255, 31.46097859868507],
[105.79685389995579, 31.461893759439164],
[105.79734742641455, 31.462680790534183],
[105.79711139202122, 31.462991940537826],
[105.79794824123388, 31.46385217340223],
[105.79869925975804, 31.46474900350548],
[105.8000081777573, 31.46667075337126],
[105.8010166883469, 31.4679152941436],
[105.80191791057594, 31.468317936145343],
[105.80151021480566, 31.468610765604346],
[105.80243289470677, 31.469123214953484],
[105.80301225185399, 31.469342835244365],
[105.80432116985324, 31.469507550124348],
[105.80554425716407, 31.469507550124348],
[105.80541551113133, 31.469782074280385],
[105.80477178096776, 31.469965089937094],
[105.8036988973618, 31.469818677440355],
[105.80324828624732, 31.47000169302549],
[105.80299079418187, 31.470239612751243],
[105.80254018306738, 31.470331120177093],
[105.80198228359227, 31.470331120177093],
[105.80357015132911, 31.47098997100222],
[105.80254018306738, 31.471319394675795],
[105.80187499523169, 31.471301093391016],
[105.8013600111008, 31.470916765584],
[105.80073773860936, 31.47058734049345],
[105.80033004283911, 31.47047753187228],
[105.80093085765846, 31.471557311052344],
[105.80093085765846, 31.47221615324669],
[105.80075919628148, 31.472856689823022],
[105.80026566982276, 31.473021398519773],
[105.79923570156103, 31.472856689823022],
[105.79844176769261, 31.472563873646347],
[105.79779803752903, 31.47243576628095],
[105.79736888408667, 31.472307658740267],
[105.79633891582496, 31.472124647663733],
[105.7959312200547, 31.472124647663733],
[105.79560935497291, 31.471776925632405],
[105.79543769359593, 31.471484106077828],
[105.79498708248144, 31.470935066943916],
[105.79466521739965, 31.470404326053288],
[105.79342603683476, 31.469612784479327],
[105.79353332519537, 31.469136941236783],
[105.79331874847418, 31.469063734369325],
[105.79295396804814, 31.469027130914196],
[105.79237461090092, 31.46882581165492],
[105.79282522201542, 31.468002228358753],
[105.7928037643433, 31.467727698983246],
[105.79265356063847, 31.46750807490318],
[105.79243898391726, 31.467270148234988],
[105.79209029674536, 31.467091702837067],
[105.79163968563084, 31.466707357747783],
[105.7911461591721, 31.466451126811656],
[105.79067409038551, 31.466176592887653],
[105.7902449369431, 31.46573733693467],
[105.78990161418919, 31.465279776458903],
[105.78972995281225, 31.464767306071213],
[105.78972995281225, 31.464346346154407],
[105.78972995281225, 31.463943687071637],
[105.78960120677952, 31.46366914579508],
[105.78882873058323, 31.463248180940912],
],
],
},
},
{
type: 'Feature',
properties: {
name: 'F区',
},
geometry: {
type: 'Polygon',
coordinates: [
[
[105.79231023788459, 31.468862415188877],
[105.79286813735972, 31.4691186395253],
[105.79344749450682, 31.46918269549983],
[105.79331874847419, 31.469411466479603],
[105.79323291778574, 31.46974089570826],
[105.79364061355598, 31.469869006761954],
[105.79413414001469, 31.470198434380485],
[105.79458475112924, 31.470564463707994],
[105.79492807388314, 31.470912190243475],
[105.79514265060429, 31.47133312063707],
[105.79542160034185, 31.47177235033391],
[105.79576492309576, 31.47212007238221],
[105.79645156860356, 31.472266481279224],
[105.79709529876713, 31.472321384556587],
[105.79801797866828, 31.47254099734393],
[105.79864025115972, 31.472705706596287],
[105.7987260818482, 31.473163230776457],
[105.7989406585694, 31.473584151046985],
[105.79943418502819, 31.47442598590902],
[105.80024957656866, 31.474865201092097],
[105.80121517181404, 31.475944929654958],
[105.80173015594484, 31.47706124608866],
[105.80153703689578, 31.477921349668147],
[105.80153703689575, 31.478708246018254],
[105.80115079879761, 31.480446714495816],
[105.80048561096191, 31.481544677945383],
[105.80039978027342, 31.480446714495816],
[105.80061435699463, 31.479348738162436],
[105.7989835739136, 31.4790193427501],
[105.79670906066897, 31.47934873816241],
[105.79647302627565, 31.48011732294859],
[105.79670906066897, 31.48068460766989],
[105.79737424850465, 31.481416582873464],
[105.79741716384893, 31.482990310170585],
[105.79582929611207, 31.483850359251445],
[105.79520702362062, 31.483685669613898],
[105.79469203948979, 31.483429485157103],
[105.7940483093262, 31.483356289469192],
[105.79340457916263, 31.48288051610178],
[105.79258918762208, 31.482789020946075],
[105.79155921936045, 31.482972011168044],
[105.79061508178721, 31.4827707219042],
[105.79087257385265, 31.482294945559097],
[105.79121589660656, 31.481489780078906],
[105.79136610031134, 31.480739506008792],
[105.79123735427866, 31.480208820716953],
[105.79130172729501, 31.479769630613035],
[105.79140901565559, 31.47916574085432],
[105.79145193099978, 31.478488647702484],
[105.79190254211427, 31.478561847198307],
[105.79233169555665, 31.47867164633473],
[105.79237461090092, 31.47922064008431],
[105.7936191558838, 31.479659832764938],
[105.79389810562135, 31.478232449016062],
[105.79391956329354, 31.47742724857809],
[105.7938122749329, 31.47702464576101],
[105.79368352890022, 31.476219434930687],
[105.79364061355598, 31.47559722181661],
[105.7937908172608, 31.47524951268635],
[105.79406976699836, 31.47471879626004],
[105.79415559768681, 31.47427958039001],
[105.79389810562144, 31.473657354379093],
[105.79346895217901, 31.473401142466347],
[105.79346895217901, 31.473071726119368],
[105.79338312149055, 31.472632502519907],
[105.79301834106452, 31.472101771253964],
[105.79269647598274, 31.4716625431029],
[105.79233169555671, 31.471168408969323],
[105.79213857650763, 31.470765779228085],
[105.79231023788459, 31.470344846283226],
[105.79256772995005, 31.469869006761954],
[105.79231023788459, 31.468862415188877],
],
],
},
},
{
type: 'Feature',
properties: {
name: 'C区',
},
geometry: {
type: 'Polygon',
coordinates: [
[
[105.79262137413025, 31.46760873600382],
[105.79275012016296, 31.467791755909527],
[105.79270720481874, 31.46805713413725],
[105.79250335693361, 31.468505530122965],
[105.7922887802124, 31.468834962539784],
[105.79235315322877, 31.469237600585934],
[105.79247117042544, 31.469512125533623],
[105.79246044158937, 31.46978664967615],
[105.79226732254028, 31.470207585131128],
[105.79209566116333, 31.470573614422864],
[105.79220294952394, 31.47097624499069],
[105.79252481460573, 31.471506982638477],
[105.79288959503175, 31.472001114984764],
[105.79323291778564, 31.472550147865547],
[105.79342603683472, 31.47300767280615],
[105.79340457916261, 31.47339199202788],
[105.793833732605, 31.473703106432517],
[105.79404830932619, 31.474233828618356],
[105.79402685165408, 31.47461814280522],
[105.79381227493288, 31.475185460863564],
[105.79361915588382, 31.47567957378984],
[105.79371303319932, 31.47580767671523],
[105.79375326633455, 31.47599525568249],
[105.79376935958862, 31.476187409356687],
[105.79384714365007, 31.47665635416709],
[105.79386860132217, 31.476864519159136],
[105.79391956329346, 31.477061246088684],
[105.79398661851886, 31.477306010412],
[105.79396516084674, 31.47813408683403],
[105.7938900589943, 31.47855269726448],
[105.7937452197075, 31.479245802220664],
[105.79368084669115, 31.4794196495231],
[105.79254627227785, 31.47909254183085],
[105.79248189926149, 31.478525247457558],
[105.79182207584383, 31.478381135839136],
[105.7914412021637, 31.478296498753423],
[105.7913661003113, 31.479431086834325],
[105.79116225242618, 31.480126472729445],
[105.791312456131, 31.4805839606316],
[105.79018592834474, 31.480574810895476],
[105.78994989395142, 31.48110549411163],
[105.78957438468936, 31.48172767060101],
[105.78859806060792, 31.48163617431794],
[105.78888773918153, 31.480373516474398],
[105.78792214393619, 31.47974218116312],
[105.78675270080568, 31.479037642525668],
[105.78602313995361, 31.478369698399597],
[105.78548669815065, 31.47718019705472],
[105.78471422195435, 31.47710699647812],
[105.78398466110231, 31.476923994786105],
[105.7832980155945, 31.476118783089756],
[105.78295469284059, 31.475203761388855],
[105.78317999839783, 31.474791998704692],
[105.78304052352905, 31.474188076824312],
[105.78309416770934, 31.472806362107832],
[105.78317999839783, 31.47164424188522],
[105.78316926956177, 31.47055531299229],
[105.78411340713502, 31.46996966532393],
[105.78548669815065, 31.46901798004819],
[105.78685998916626, 31.46821270033479],
[105.7881045341492, 31.468276756929246],
[105.78900575637819, 31.468834962539784],
[105.79007863998416, 31.46945722060848],
[105.79089403152467, 31.469420617307165],
[105.79179525375366, 31.46857873742687],
[105.79207420349123, 31.46792902060402],
[105.79205274581912, 31.467590433993546],
[105.79235315322877, 31.467562980971515],
[105.79262137413025, 31.46760873600382],
],
],
},
},
{
type: 'Feature',
properties: {
name: 'A区',
},
geometry: {
type: 'Polygon',
coordinates: [
[
[105.766282081604, 31.495030277800453],
[105.766282081604, 31.495405358280706],
[105.76626062393188, 31.495771289006772],
[105.76631426811218, 31.496173811151525],
[105.76609969139099, 31.49626529321553],
[105.76592803001404, 31.496082328998057],
[105.76575636863708, 31.495734695998596],
[105.76555252075195, 31.495030277800453],
[105.76520919799803, 31.493969066341148],
[105.7648229598999, 31.492798060410916],
[105.76439380645752, 31.49093173940458],
[105.76435089111328, 31.489724100085038],
[105.76430797576904, 31.488516445173495],
[105.76435089111328, 31.487601544708824],
[105.76456546783447, 31.486650038733288],
[105.76469421386719, 31.485625329166805],
[105.76499462127686, 31.484600608376038],
[105.76516628265381, 31.483941853369245],
[105.76516628265381, 31.48313670206181],
[105.76490879058838, 31.482221748983584],
[105.765380859375, 31.481050595987455],
[105.76632499694824, 31.48028201886715],
[105.767183303833, 31.479916027543375],
[105.76812744140624, 31.479769630613006],
[105.76932907104492, 31.47968728223905],
[105.77116370201111, 31.479751330980616],
[105.77260136604308, 31.479540884950833],
[105.77224731445312, 31.480217970488827],
[105.77149629592896, 31.4806937573953],
[105.77108860015868, 31.48106889536576],
[105.7710349559784, 31.481608725415565],
[105.77220439910889, 31.48206620607048],
[105.77175378799437, 31.482331543825392],
[105.77136754989624, 31.482523684488548],
[105.77113151550292, 31.482770721904224],
[105.77100276947021, 31.48306350614482],
[105.77048778533936, 31.483283093724005],
[105.76995134353638, 31.483758865044184],
[105.77018737792969, 31.484051646192494],
[105.77095985412598, 31.484490816197017],
[105.77181816101074, 31.485112970174452],
[105.77220439910889, 31.485918104474013],
[105.77229022979736, 31.486942810833508],
[105.77206492424011, 31.48725388018602],
[105.77160358428955, 31.487418563542096],
[105.77065944671631, 31.487198985669558],
[105.77005863189697, 31.486796424897936],
[105.7694149017334, 31.486101088575705],
[105.76902866363525, 31.48606449178399],
[105.76907157897949, 31.486613442156354],
[105.76903939247131, 31.486933661719274],
[105.76869606971741, 31.48714409112091],
[105.76821327209473, 31.486723231844262],
[105.76748371124266, 31.486174282116178],
[105.76726913452148, 31.48544234413451],
[105.76709747314453, 31.48478359505474],
[105.76696872711182, 31.48423463394493],
[105.76645374298096, 31.484024197998774],
[105.76615333557129, 31.4845823096885],
[105.7658529281616, 31.485222761623323],
[105.76606750488281, 31.48738196726581],
[105.76516628265381, 31.487775376485672],
[105.76526284217834, 31.488671977362557],
[105.76535940170288, 31.489806439624864],
[105.76549887657166, 31.49126109287655],
[105.7657241821289, 31.492441266627257],
[105.76596021652222, 31.492770614783574],
[105.76641082763672, 31.493292080325787],
[105.76674342155457, 31.493548237772806],
[105.76726913452148, 31.493749503846082],
[105.7682991027832, 31.493959917914168],
[105.76869606971741, 31.49407884739538],
[105.76900720596313, 31.494444783312087],
[105.76917886734009, 31.494600305643083],
[105.76944708824158, 31.49465519581582],
[105.76972603797913, 31.495222392380718],
[105.76968312263489, 31.49558832382274],
[105.76912522315979, 31.495597472090438],
[105.76849222183226, 31.495533434197718],
[105.76800942420958, 31.495341320256436],
[105.76752662658691, 31.495149205920487],
[105.76708674430847, 31.494975387847884],
[105.76685070991516, 31.49480156945224],
[105.7664430141449, 31.494563712176703],
[105.76619625091551, 31.49466434417479],
[105.766282081604, 31.495030277800453],
],
],
},
},
{
type: 'Feature',
properties: {
name: 'B区',
},
geometry: {
type: 'Polygon',
coordinates: [
[
[105.77435016632086, 31.481764269089204],
[105.77294468879704, 31.481864914857898],
[105.77298760414128, 31.481132943161608],
[105.77315926551826, 31.480254569567485],
[105.77263355255135, 31.47933043844773],
[105.7716894149781, 31.47911084159204],
[105.7709920406342, 31.47890954402168],
[105.76968312263493, 31.47880889507406],
[105.76815962791453, 31.4789827431883],
[105.76679706573492, 31.479220640084336],
[105.76601386070256, 31.4796689825905],
[105.76516628265385, 31.480217970488827],
[105.76321363449101, 31.479897727939555],
[105.76456546783452, 31.47890039412182],
[105.76666831970225, 31.47761939931205],
[105.7684707641602, 31.47757364917309],
[105.76906085014349, 31.47688739440474],
[105.76927542686467, 31.476191984439282],
[105.76952219009404, 31.475267813199096],
[105.77222585678106, 31.474645593758236],
[105.77230095863347, 31.473959317518624],
[105.77201128005989, 31.472907017511112],
[105.7717216014862, 31.472637077776366],
[105.77245116233826, 31.472188701581207],
[105.77225804328923, 31.471424626993848],
[105.77310562133793, 31.471323969996448],
[105.77422142028814, 31.4712050115872],
[105.77438235282904, 31.470646820109447],
[105.77470421791082, 31.47031739406893],
[105.77548742294317, 31.470079474540853],
[105.77669978141795, 31.46979580046707],
[105.77814817428595, 31.469649387705534],
[105.77944636344915, 31.469731744912046],
[105.78034758567814, 31.47011607758452],
[105.78127562999725, 31.470893888879054],
[105.78088402748108, 31.471104354353603],
[105.78050315380096, 31.471744898538226],
[105.77987015247345, 31.472778910615418],
[105.78061044216156, 31.47412859945862],
[105.78091621398926, 31.475194611126643],
[105.78104496002197, 31.475981530404958],
[105.78068017959595, 31.476439038571495],
[105.78061580657959, 31.477102421440204],
[105.78064799308777, 31.477482148828045],
[105.77990770339966, 31.477724624546727],
[105.77744007110601, 31.47760109925914],
[105.77658176422128, 31.478003699596226],
[105.77619552612309, 31.478735695771512],
[105.77595949172974, 31.4794768360652],
[105.77651739120483, 31.479751330980616],
[105.77718257904053, 31.480501612974308],
[105.77726840972907, 31.481251888951917],
[105.77945709228521, 31.48297201116807],
[105.7778370380402, 31.482724974283855],
[105.7767748832703, 31.482249197706118],
[105.77577710151677, 31.481736820224413],
[105.77435016632086, 31.481764269089204],
],
],
},
},
{
type: 'Feature',
properties: {
name: 'E区',
},
geometry: {
type: 'Polygon',
coordinates: [
[
[105.78139364719391, 31.470871012168534],
[105.78124344348906, 31.470697148985792],
[105.78195691108704, 31.470788655964327],
[105.7825094461441, 31.47083898476439],
[105.7829225063324, 31.470724601088744],
[105.78311562538146, 31.47061021727333],
[105.78312635421753, 31.47106775169636],
[105.78311026096345, 31.47179980212153],
[105.78307271003723, 31.47229850819496],
[105.78302443027496, 31.47312205369184],
[105.78300297260284, 31.473835787261123],
[105.78300297260284, 31.47427043003747],
[105.78310489654541, 31.474773698098925],
[105.78279912471771, 31.47528611370828],
[105.78295469284056, 31.475556045802822],
[105.78314781188965, 31.476109632917034],
[105.78358769416809, 31.47664491651674],
[105.78399002552032, 31.47704752096748],
[105.78440308570862, 31.477212222289012],
[105.78436017036438, 31.477532474028866],
[105.78431725502014, 31.478667071373298],
[105.7844352722168, 31.479421936985506],
[105.78394174575804, 31.48011732294859],
[105.78338384628296, 31.48039181598514],
[105.78235387802124, 31.481288487626212],
[105.78121662139894, 31.482972011168044],
[105.78220367431642, 31.485021477201958],
[105.78201055526733, 31.486119386966205],
[105.78246116638184, 31.487052600134867],
[105.78250408172607, 31.48822367799838],
[105.78222513198854, 31.488754317828565],
[105.78113079071045, 31.488754317828565],
[105.78003644943237, 31.488681126306826],
[105.77967166900633, 31.48822367799838],
[105.7795000076294, 31.48725388018602],
[105.77915668487549, 31.486320669025304],
[105.77907085418701, 31.48480189370292],
[105.77892065048219, 31.48399674979699],
[105.77831983566284, 31.483795462737827],
[105.77814817428589, 31.483502680787787],
[105.7788348197937, 31.48319159896198],
[105.77956438064575, 31.48308180512945],
[105.77922105789185, 31.48251453494209],
[105.77853441238403, 31.482102804426237],
[105.7777190208435, 31.481517229016166],
[105.77737033367158, 31.481110068953853],
[105.77727377414702, 31.480670883080148],
[105.7771772146225, 31.48028659374965],
[105.77662467956544, 31.47973303134466],
[105.77613651752472, 31.479508860513487],
[105.77615261077881, 31.479119991471364],
[105.77636182308197, 31.47858472202904],
[105.77665150165558, 31.478049449524914],
[105.77744543552399, 31.477674299449237],
[105.77840566635132, 31.477710899522826],
[105.77952146530151, 31.477770374611875],
[105.78004717826843, 31.47778409962705],
[105.78094840049744, 31.477472998788624],
[105.7807606458664, 31.476869094208705],
[105.78087329864502, 31.476388712782654],
[105.78109860420227, 31.476059306951047],
[105.78112542629242, 31.47562009737198],
[105.78102350234985, 31.47520833651959],
[105.78086256980896, 31.474727946568787],
[105.78072845935822, 31.47419722718489],
[105.78051924705505, 31.473799185672014],
[105.78019201755524, 31.473176956467334],
[105.77999353408812, 31.472820087850998],
[105.78025639057158, 31.47230765874029],
[105.78059434890747, 31.47173574793788],
[105.78109860420227, 31.471090628358816],
[105.78134536743164, 31.47100369701179],
[105.78139364719391, 31.470871012168534],
],
],
},
},
],
};
echarts.registerMap('tianye', geoJson);
option = {
backgroundColor: '#03112F',
selectedMode: 'single', // 选中效果固话
tooltip: {
// 提示框
show: true,
trigger: 'item',
formatter: function (params) {
return params.name;
},
},
geo3D: {
map: 'tianye',
roam: true,
itemStyle: {
areaColor: '#033792',
opacity: 1,
borderWidth: 0.8,
borderColor: '#2588D3',
},
label: {
// 标签的相关设置
show: true, // (地图上的城市名称)是否显示标签 [ default: false ]
distance: 1, // 标签距离图形的距离，在三维的散点图中这个距离是屏幕空间的像素值，其它图中这个距离是相对的三维距离
//formatter:, // 标签内容格式器
textStyle: {
// 标签的字体样式
color: '#ffffff', // 地图初始化区域字体颜色
fontSize: 12, // 字体大小
opacity: 1, // 字体透明度
backgroundColor: 'rgba(0,23,11,0.5)', // 字体背景色
},
emphasis: {
show: true,
},
},
emphasis: {
//当鼠标放上去 地区区域是否显示名称
label: {
show: true,
textStyle: {
color: '#ffffff', // 地图初始化区域字体颜色
fontSize: 12, // 字体大小
opacity: 1, // 字体透明度
backgroundColor: 'rgba(0,23,11,0.5)', // 字体背景色
},
},
itemStyle: {
areaColor: '#3BE8FF',
opacity: 1,
borderWidth: 0.8,
borderColor: '#2588D3',
},
},
light: {
main: {
color: '#fff', //光照颜色
intensity: 1.2, //光照强度
shadowQuality: 'high', //阴影亮度
shadow: false, //是否显示阴影
// alpha: 55,
beta: 10,
},
ambient: {
intensity: 0.3,
},
},
},
series: [
{
name: 'bar3D',
type: 'bar3D',
coordinateSystem: 'geo3D',
barSize: 1, //柱子粗细
shading: 'lambert',
opacity: 0.1,
// bevelSize: 0.3,
label: {
show: false,
formatter: function (data) {
// console.log(data)
var res = data.name + ' ' + data.value[2];
return res;
},
},
data: [],
},
],
};
截图如下
