Widget Communication

digitalocean.create({ type: 'date-range-picker', config: { id: 'unique-id-1' } }); digitalocean.create({ type: 'line-chart', config: { connectedTo: 'unique-id-1', card: true, title: 'Tide Height', subtitle: 'Kilrush Lough', yTitle: 'Tide Height (m)', datasets: [{ title: 'Tide Height', url: "https://erddap.marine.ie//erddap/tabledap/IrishNationalTideGaugeNetwork.json?time,Water_Level_LAT&station_id=%22Kilrush+Lough%22" }] } }); digitalocean.create({ type: 'line-chart', config: { connectedTo: 'unique-id-1', card: true, title: 'Sea Temperature', yTitle: 'Temperature (C)', datasets: [{ apiType: 'cil', title: 'Sea Temperature', url: "https://cilpublic.cil.ie/MetOcean/MetOcean.ashx?accesstoken=B9EF21E2-C563-4C07-94E9-198AF132C447&MMSI=992501230", props: ['hour', 'WaterTemperature'], parse: { hour: 'date' } }] } }); digitalocean.create({ type: 'date-range-slider', config: { id: 'unique-id-2' } }); digitalocean.create({ type: 'line-chart', config: { connectedTo: 'unique-id-2', card: true, title: 'Sea Temperature', yTitle: 'Temperature (C)', datasets: [{ apiType: 'cil', title: 'Sea Temperature', url: "https://cilpublic.cil.ie/MetOcean/MetOcean.ashx?accesstoken=B9EF21E2-C563-4C07-94E9-198AF132C447&MMSI=992501230", props: ['hour', 'WaterTemperature'], parse: { hour: 'date' } }] } });