jQuery UI Widgets Forums Chart Series Group Data Across Multiple Years

This topic contains 1 reply, has 2 voices, and was last updated by  Hristo 4 years, 11 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author

  • dbemenderfer


    I’ve got a chart with x-axis = date and y-axis = sales. I am currently trying to overlap data grouped by month spanned across multiple years. In other words, I’d like the year to be ignored on the x-axis.

    The data is grouped by month, so I have 12 series groups. Each groups source contains data from the associated month across multiple years (2016-2018).

    Desired result:
    x-axis = 1-31 (tick for each day, regardless of month/year)
    groups = Jan-Dec (group for each month)

    I’ve been fiddling around with base units, min/max values, unit intervals, and series groups for a few days now and can’t get the desired result.
    JSFiddle: http://jsfiddle.net/DopeBiscuit/gw94rwr8/52/
    As you can see, theres a big gap between 2017 -> 2018 when I’d like this data to be grouped together.


    Hello dbemenderfer,

    The container of the Chart that you use is too small to represent the whole range of dates in this space.
    Also, you could use baseUnit: "month".
    There is an option to override the color of different parts on one line.
    The toolTipFormatFunction provide an ability to change the content of the tooltip.
    I prepared one example, please, take a look at this example: http://jsfiddle.net/c3snc3m6/

    Best Regards,
    Hristo Hristov

    jQWidgets team

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.