Welcome to the Cumulus Support forum.

Latest Cumulus MX V3 release 3.28.6 (build 3283) - 21 March 2024

Cumulus MX V4 beta test release 4.0.0 (build 4018) - 28 March 2024

Legacy Cumulus 1 release v1.9.4 (build 1099) - 28 November 2014 (a patch is available for 1.9.4 build 1099 that extends the date range of drop-down menus to 2030)

Download the Software (Cumulus MX / Cumulus 1 and other related items) from the Wiki

Graph upload

Other discussion about creating web sites for Cumulus that doesn't have a specific subforum

Moderator: daj

Armond
Posts: 32
Joined: Mon 05 Jul 2021 6:39 am
Weather Station: Froggit
Operating System: Raspberry Pi 4
Location: Sweden

Graph upload

Post by Armond »

Hi again!

I want to upload graphs to my website.
I am comfused about how to do it. I have read about CumulusUtils, but I dont really get it.
Can somebody give a little help to a beginner. I am using a Raspberry Pi.
User avatar
HansR
Posts: 5871
Joined: Sat 20 Oct 2012 6:53 am
Weather Station: GW1100 (WS80/WH40)
Operating System: Raspberry OS/Bullseye
Location: Wagenborgen (NL)
Contact:

Re: Graph upload

Post by HansR »

@Armond: Do you have a website already would then be the first question before telling how to get it to your server. Or do you wish to make use of the standard website or any of the templates

Cumulusutils is a tool which creates parts for your website or creates a complete website. It can upload automatically but it has to be configured.
If you have questions about it but think it may be useful for you, please ask about it in its own thread for newbies. It has its own part of the wiki.

Your question should be asked in any of the threads for the website templates or in the MX thread itself.
Hans

https://meteo-wagenborgen.nl
CMX build 4017+ ● RPi 3B+ ● Raspbian Linux 6.1.21-v7+ armv7l ● dotnet 8.0.3
User avatar
HansR
Posts: 5871
Joined: Sat 20 Oct 2012 6:53 am
Weather Station: GW1100 (WS80/WH40)
Operating System: Raspberry OS/Bullseye
Location: Wagenborgen (NL)
Contact:

Re: Graph upload

Post by HansR »

I just found out you do have a working standard MX site including the charts.
So what would you like to achieve would be my first question?
Hans

https://meteo-wagenborgen.nl
CMX build 4017+ ● RPi 3B+ ● Raspbian Linux 6.1.21-v7+ armv7l ● dotnet 8.0.3
Armond
Posts: 32
Joined: Mon 05 Jul 2021 6:39 am
Weather Station: Froggit
Operating System: Raspberry Pi 4
Location: Sweden

Re: Graph upload

Post by Armond »

I just found out you do have a working standard MX site including the charts.
So what would you like to achieve would be my first question?
I would like to have the graphs in my web template instead of the standard MX site.
@Armond: Do you have a website already would then be the first question before telling how to get it to your server. Or do you wish to make use of the standard website or any of the templates
Yes, I have a website already.
freddie
Posts: 2434
Joined: Wed 08 Jun 2011 11:19 am
Weather Station: Davis Vantage Pro 2 + Ecowitt
Operating System: GNU/Linux Ubuntu 22.04 LXC
Location: Alcaston, Shropshire, UK
Contact:

Re: Graph upload

Post by freddie »

iframe?
Freddie
Image
User avatar
HansR
Posts: 5871
Joined: Sat 20 Oct 2012 6:53 am
Weather Station: GW1100 (WS80/WH40)
Operating System: Raspberry OS/Bullseye
Location: Wagenborgen (NL)
Contact:

Re: Graph upload

Post by HansR »

I don't think iframe is required but @Armond you will need to create a page to use the cumuluscharts.js from CMX and you will need to find out what is required to include those charts and what you need to do on the HTML level. This is not really general knowledge because it has to do with your site.

Using the standard CMX charts will always require some study of the system. It could help to look at the page in your standard MX site and see how it is done there, then copy the important part to your own site.

CumulusUtils may help because it creates .txt files which you can include at any position in your site. It would still require some study though. It is different from how CMX works.
Hans

https://meteo-wagenborgen.nl
CMX build 4017+ ● RPi 3B+ ● Raspbian Linux 6.1.21-v7+ armv7l ● dotnet 8.0.3
Armond
Posts: 32
Joined: Mon 05 Jul 2021 6:39 am
Weather Station: Froggit
Operating System: Raspberry Pi 4
Location: Sweden

Re: Graph upload

Post by Armond »

So I did a page with just the graph, http://ludvikasegel.com/mx/trends_weathergraphs.htm.

I have to combine my website css and CumulusMX template css to get what I want.
The only thing is that the wind direction does not work.

My first step completed, to be continued...
User avatar
beteljuice
Posts: 3292
Joined: Tue 09 Dec 2008 1:37 pm
Weather Station: None !
Operating System: W10 - Threadripper 16core, etc
Location: Dudley, West Midlands, UK

Re: Graph upload

Post by beteljuice »

@Armond

If you wish to keep your present layout of all (required) graphs showing at once

It is possible with some careful editing of the relevant js file. (The data / configuration(s) are from a 'donor')
Image
......................Imagine, what you will KNOW tomorrow !
Armond
Posts: 32
Joined: Mon 05 Jul 2021 6:39 am
Weather Station: Froggit
Operating System: Raspberry Pi 4
Location: Sweden

Re: Graph upload

Post by Armond »

It is possible with some careful editing of the relevant js file. (The data / configuration(s) are from a 'donor')
@beteljuice That is exactly what I want. Can you give a explonation how to do it?
User avatar
beteljuice
Posts: 3292
Joined: Tue 09 Dec 2008 1:37 pm
Weather Station: None !
Operating System: W10 - Threadripper 16core, etc
Location: Dudley, West Midlands, UK

Re: Graph upload

Post by beteljuice »

Everything you need is there ... (I've only shown / modified the items I saw on your test page buttons)

I've commented the html example and the js.

Here's direct link to the js file (trends)
Image
......................Imagine, what you will KNOW tomorrow !
Armond
Posts: 32
Joined: Mon 05 Jul 2021 6:39 am
Weather Station: Froggit
Operating System: Raspberry Pi 4
Location: Sweden

Re: Graph upload

Post by Armond »

@beteljuice Thanks a lot!

Though am I not really sure how to put everything together.
Where do I put the armond_cumuluscharts.js for instance?
User avatar
beteljuice
Posts: 3292
Joined: Tue 09 Dec 2008 1:37 pm
Weather Station: None !
Operating System: W10 - Threadripper 16core, etc
Location: Dudley, West Midlands, UK

Re: Graph upload

Post by beteljuice »

Where ever you want really - as long as you reference it correctly at the bottom of the calling page.

In my example I've used the default cumx layout (ie. the holding page is in in newmx/) and there is a sub-folder newmx/js/ ???

Just view-source on the html example to 'see' its layout.
Notice in the html I had to move the jquery call up to the <head> and change it from 'slim' to a full version - where you get it from is upto you !
Image
......................Imagine, what you will KNOW tomorrow !
Armond
Posts: 32
Joined: Mon 05 Jul 2021 6:39 am
Weather Station: Froggit
Operating System: Raspberry Pi 4
Location: Sweden

Re: Graph upload

Post by Armond »

Where ever you want really - as long as you reference it correctly at the bottom of the calling page.

In my example I've used the default cumx layout (ie. the holding page is in in newmx/) and there is a sub-folder newmx/js/ ???

Just view-source on the html example to 'see' its layout.
Notice in the html I had to move the jquery call up to the <head> and change it from 'slim' to a full version - where you get it from is upto you !
Ok, I got it work now. Thanks for the help. I've missed some code.
Armond
Posts: 32
Joined: Mon 05 Jul 2021 6:39 am
Weather Station: Froggit
Operating System: Raspberry Pi 4
Location: Sweden

Re: Graph upload

Post by Armond »

Ok, so I got one issue. The solar doesn't plot, it just says loading. I don't find out why http://ludvikasegel.com/wx/trends_weathergraphs_1.htm.

Is it possible to plot the cloudbase in a graph?
User avatar
beteljuice
Posts: 3292
Joined: Tue 09 Dec 2008 1:37 pm
Weather Station: None !
Operating System: W10 - Threadripper 16core, etc
Location: Dudley, West Midlands, UK

Re: Graph upload

Post by beteljuice »

beteljuice error :oops:

approx. line 1083

Code: Select all

            idxs.forEach(function(idx) {
                if (idx in resp) {
                    if (idx === 'UV') {
                        chart.addAxis({
                            id: 'uv',
Should have chart number ...

Code: Select all

            idxs.forEach(function(idx) {
                if (idx in resp) {
                    if (idx === 'UV') {
                        chart8.addAxis({
                            id: 'uv',
.... and no, there is no history of cloudbase height that you can plot.
Image
......................Imagine, what you will KNOW tomorrow !
Post Reply