Series Group Data Across Multiple Years

[dbemenderferParticipant]

Hello,

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.

[HristoParticipant]

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
http://www.jqwidgets.com

[Author]

Posts