Skip to content
←

Settings and activity

1 result found

  1. Avoiding series overlap

    6 votes
    Vote

    We're glad you're here

    Please sign in to leave feedback
    Signed in as (Sign out)
    Close
    Close
    You have left! (?) (thinking…)
    1 comment  ·  Highcharts Javascript API  ·  Admin →
    How important is this to you?

    We're glad you're here

    Please sign in to leave feedback
    Signed in as (Sign out)
    Close
    Close
    under review  ·  AdminTorstein Hønsi (CPO, Founder, Highcharts JS) responded

    This is a bit similar to the minPointLength option – https://api.highcharts.com/highcharts/series.column.minPointLength, which aims to ease readability when points overlap. It also has the same logical problem: If a small offset is added for multiple series or points after each other, eventually the points will be drawn off scale.

    Here’s a small plugin I wrote that offsets the series by an optional amount of pixels per the series index: http://jsfiddle.net/highcharts/vgdga7vw/1/. As you see, it doesn’t actually consider if any offset is necessary, plus when you have a lot of series it will be off scale.

    An error occurred while saving the comment
    Adam commented  · 

    Wow :) Thanks! It solves my problem actually.
    Just one thing is that in my current implementation, after zoom or zoom reset, it acts weird.
    Something is happening with 'g.translateY' - before zoom, values are not the same as after zooming and reset.
    I'll try to change it anyway.
    Thanks for help :)

    Adam shared this idea  ·