Details of Themes related to Graphs
Posted: Mon 27 Jul 2020 8:08 am
In discussion with Tony and Javier about the Dark theme, it appears CumulusUtils makes a lot of things possible but not everything.
Especially details in cumuluscharts.txt (the generated graphing procedure which originates from CMX).
So in a recent mail exchange with Tony about his changes to cumulscharts.txt I came up with the following. And as this is about individual graph colouring and how to handle the default, I prefer to talk about it in the forum as a single point of comms iso multiple mails.
Given what I was send and what I have seen from HighCharts, I have the following remarks:
Comments are welcome, there is no timepath to get this done but I don't think about very long term.
Note: the subject is not only relevant for Website Generature-users, but also for Module-users.
Note2: the HighchartsDefaults also have effect on the other charts in CumulusUtils, not only the CMX charts.
Especially details in cumuluscharts.txt (the generated graphing procedure which originates from CMX).
So in a recent mail exchange with Tony about his changes to cumulscharts.txt I came up with the following. And as this is about individual graph colouring and how to handle the default, I prefer to talk about it in the forum as a single point of comms iso multiple mails.
Given what I was send and what I have seen from HighCharts, I have the following remarks:
- HighCharts seems to have moved to CSS and seems to have abandoned some themes. Is there any preference how to deal with the HighchartsDefauls-system? I think it is easiest to stay with the current system as the options setting is very clear. I could publish the existing defaults for various themes on the forum Colour settings, defaults and user modifications. I am not a HighCharts specialist, some help on how to optimise the configuration is welcome.
Please Note that a HighchartsDefaults.js file MUST start with :And after the HighCharts javascript initialisation code the file MUST end with:Code: Select all
Highcharts.theme = {
Code: Select all
// Apply the theme var highchartsOptions = Highcharts.setOptions(Highcharts.theme);
- You modify degree and m2 symbols etc. That is surprising because all files and the website are UTF8 encoded and do not see a a problem of that kind anywhere. So I don't think this is necessary. The degree symbol should display normally within the website unless override of any encoding?
- The axis labels originally have a red/blue colouring on all graphs (around value 0) coming from the temp graph where it is functional (but in the other graphs it is not). I suggest to make this the value of the parameter ColorReportviewText as that will always be chosen such that it is visible against the background. No more two colour formatting of the labels.
- Using spline iso line is a good idea, I'll change that anyway.
- Line thickness of 1 iso 2 is suggested. The only drawback is the horizontal line in the rain graph which becomes invisible behind the gridline. I most likely can fix that with a zindex value (or fix that width to 2 as it is more visible as a boundary). So I think about parametrising or simply fix it to 1.
- Line colours should be possible to specify in the theme. If that is not possible - I did not look at it in detail tbh - I am thinking about parametrising line colours for each graph individually with the current defaults (so for 'normal' users nothing would change) but gradients will not be used/implemented.
Comments are welcome, there is no timepath to get this done but I don't think about very long term.
Note: the subject is not only relevant for Website Generature-users, but also for Module-users.
Note2: the HighchartsDefaults also have effect on the other charts in CumulusUtils, not only the CMX charts.