Alpsolut Widgets Docs

LWCIndex

Widget code:ALPSCH04

Provides LWCIndex chart.

Example

/ALPSCH04?token=your_token&station_id=100&date_start=2022-11-07T01:00:00.000Z&date_end=2022-12-07T01:00:00.000Z&aggregation_period=DAY

⤴

Parameters

tokenrequired:

The Alpsolut API token.

station_idrequired:

The ID of the station to get the data from. This should be a unique identifier for the station.

date_startrequired:

The start date for the data retrieval in ISO 8601 format (e.g., 2022-11-07T01:00:00.000). This specifies the beginning of the time range for the data query.

date_endrequired:

The end date for the data retrieval in ISO 8601 format (e.g., 2022-11-07T01:00:00.000). This specifies the end of the time range for the data query.

aggregation_periodoptional:

The aggregation period for the data. This can be either 'DAY' or 'HOUR'.

forecast_modeloptional:

The forecast model to predict future data. Defaults to 'auto'.

timezoneoptional:

The timezone used to display the data in the chart.

Widget integration

Using the alpsolut widget plugin you will have the iframe sizing correctly handled:

<html>
  <head>
    <script src="https://widget.alpsolut.eu/alpsolut-widget.min.js"></script>
    <script>
      window.onload = function () {
        AlpsolutWidget.create(
          "https://widget.alpsolut.eu/ALPSCH04?token=your_token&station_id=100&date_start=2022-11-07T01:00:00.000Z&date_end=2022-12-07T01:00:00.000Z&aggregation_period=DAY",
          "iframeContainer"
        );
      };
    </script>
  </head>
  <body>
    <div id="iframeContainer"></div>
  </body>
</html>

Or you can manually add the widget with the iframe and handle the styling and sizing yourself:

<iframe src="https://widget.alpsolut.eu/ALPSCH04?token=your_token&station_id=100&date_start=2022-11-07T01:00:00.000Z&date_end=2022-12-07T01:00:00.000Z&aggregation_period=DAY"></iframe>