Charting Sunrise and Sunset in Highcharts

In order to visually enhance my temperature logging I added some Javascript that computes sunrise and sunset for the 24h, 28h, weekly and monthly chart. Then I use this information to plot vertical bands on the chart indicating the effects of the sun on temperatures (and humidities):

To add the bands to your Highchart just get the sunrise and sunset value for a particular day and push it on the xAxis.plotbands.

The resulting chart:

  • Willi

    Hallo,

    schön das die Kommentarfunktion hier nun geht 🙂

    Ich habe das Script in die index-Datei extern eingebunden
    ( js/sunset.js)

    Die Charts selber gehen soweit. Sunset/rise aber leider nicht.

    Zitat:
    ————————————————-
    To add the bands to your Highchart just get the sunrise and sunset value
    for a particular day and push it on the xAxis.plotbands.
    ————————————————–

    Was ist damit genau gemeint?

    Weil ich dachte der Teil wäre gemeint habe ich aus dem Quellcode deiner Seite folgenden Teil mal mit
    eingebunden. Ohne Erfolg.

    Leider ist mein englisch auch nicht sehr gut.
    Könntest du bitte mit einem Beispiel helfen?

    Part aus dem Quellcode:
    —————————————————————–

    //add sunrise and sunset

    var no_sun = [‘1yminmax’, ‘1y’, ‘3m’];

    if ($.inArray(urlParameter, no_sun) == -1) {

    options.xAxis.plotBands = []

    for (var i = 31; i >= 0; i–) {

    var d = new Date();

    d.setHours(0, 0, 0, 0);

    d.setDate(d.getDate() – i);

    var sunrise = d.getTime() + computeSunrise(dayOfYear(), true);

    var sunset = d.getTime() + computeSunrise(dayOfYear(), false);

    options.xAxis.plotBands.push({

    from: sunrise,

    to: sunset,

    color: ‘#FCFFC5’

    });

    }

    ;

    }

    ;

    var chart = new Highcharts.Chart(options);

    }

    });

    });

    ————————————————————–

    Es wäre super wenn du noch veröffentlichen könntest auf was zu achten ist und was genau wohin muss.
    Viele Grüße

  • Willi

    Hallo.
    Ich hoffe dir gehts soweit gut und bist hier noch vertreten.
    Vielleicht findest jetzt etwas Zeit und kannst helfen. Wäre echt genial!

    Auch nach 4 Monaten ist es noch aktuell. Eine kleine Hilfestellung wäre super. 🙂
    Ich komme noch immer nicht hiermit weiter.

    ###############
    ## Es wäre super wenn du noch veröffentlichen könntest auf was zu achten ist und was genau wohin muss.
    ###############

    Viele Grüße