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

161
Views
How can I specify custom end markers in a scatter series with Highcharts 9?

I am using scatter series on top of a heatmap chart. The scatter series are used to display arrows between bubbles on the heatmap. To draw the arrows, I am using the following series configuration:

{
      type: 'scatter',
      enableMouseTracking: false,
      lineWidth: 1.5,
      lineColor: 'rgba(117,117,117,1)',
      dashStyle: 'dash',
      marker: {
        enabled: false
      },
      data: [[startBubble.x,startBubble.y],[targetBubble.x,targetBubble.y]],
      endMarker: 'url(#arrow)',
      dataLabels: {
        enabled: false
      }
    }

As you can see, I am using the endMarker property to draw the arrow heads.

I recently updated the Highcharts version from 6.2.0 to 9.2.2. In the versions up to and including major release 8, this endMarker property worked perfectly for my purpose. Since version 9, it does not seem to work anymore. There are no more arrow heads.

Did I miss an API change in the update notes, or is this feature not supported anymore?

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

0

Try to use the series.marker.symbol instead of the markerEnd.

API: https://api.highcharts.com/highcharts/series.scatter.marker.symbol

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!