Highchart configuration

This project is about to configure charts with highcharts (https://www.highcharts.com/)


The charts I would like to have are:
============================================
Line charts:
1) x-axis: Year/Month/Week/Date
2) x-axis: Year/Month/Week
3) x-axis: Year/Month/Date
4) x-axis: Year/Week
5) x-axis: Values

Side by side bar chart:
6) x-axis: Year/Month/Week/Date
7) x-axis: Year/Month/Week
8) x-axis: Year/Month/Date
9) x-axis: Year/Week
10) x-axis: Values

Stacked bar chart
11) x-axis: Year/Month/Week/Date
12) x-axis: Year/Month/Week
13) x-axis: Year/Month/Date
14) x-axis Year/Week
15) x-axis: Values

Total 15 charts.


Requirements for each charts:
============================================
0) Jquery/Javascript
1) Color theme for the chart should be black/white/gray
2) 20 series in the same chart (Possible to tick on/off a serie)
3) y-axis label, x-axis label
4) Chart header
5) Frame around the chart
6) Description of the series below the chart
7) Export the chart to png/jpg
8) Zoom x-axis (Best number of points should be displayed)
9) Zoom y-axis (Best number of points should be displayed)
10) Support for both desktop/mobile(Andriod/IOS)
11) The charts should change width if the window width is changed and the x-axis should change to show the best number of points
12) Mouse hover should display the y-values for the x-value as a tooltip
13) Additional code in CCS/javascript/JQuery
14) Shortcuts upper left corner: Show Current Year/Current Month/Current Week/Show All
15) Several charts of the same type on the same html page



Demo Data:
============================================
json: Random data two years, 1 point every dag



Delivery:
============================================
1) One html file (With 15 charts, 20 series)
2) One css file
3) On js file



Inspiration:
============================================
https://codepen.io/netzhoerer/pen/KBKRNR