Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

115
Views
Is it possible to use gradient + background color for areaColor along with visualMap

thanks for your time! I am using a similar example to visualize my data. I want to improve the visualization of the map and make a gradient. More or less like this. After reading the documentation, I realized that apparently this is not possible:

inRange: {
 color: [
  new echarts.graphic.RadialGradient(0.5, 0.5, .5, [
   {
    offset: 0,
    color: 'green'
   },
   {
     offset: 0,
     color: 'rgb(35, 184, 116, 0.2)'
   }]), 
   'rgba(255, 88, 74, 0.7)'
   ]
}

I tried to play around with overlaying two equivalent series and different settings for them, but unfortunately it doesn't work.

about 4 years ago · Juan Pablo Isaza
1 answers
Answer question

0

I solved the problem. By adding a gradient like this.

const mapOptions = {
series: [
  ...,
  {..., itemStyled: {..., areaColor: gradient}},
 ] 
}

And I already created the information panel manually and added functionality through

mapInstance.setOptions(newSeriesOption)
about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!