Dynamische Diagramme

Data without visualization is like a forest without trees.

In this example, we demonstrate how to create dynamic charts using eCharts. The charts will update based on user interactions or data changes.

Requirements

echarts = require('https://cdn.jsdelivr.net/npm/echarts@6.0.0/dist/echarts.min.js')

parameter =({
codePlot: 1203
})

Request Data

data = fetch(`https://db.forstliche-umweltkontrolle.de/rest/v1/mm_mem?select=date_observation,daily_mean, daily_min, daily_max,code_variable,instrument_seq_nr&code_plot=eq.${parameter.codePlot}&code_variable=eq.AT&limit=100&order=date_observation.desc`, {
  headers: {
    "ApiKey": apikey,
    "Accept-Profile": "icp_download"
  },
}).then((response) => response.json()).then(data => data.sort((a, b) => new Date(a.date_observation) - new Date(b.date_observation)))

Observable