bot/WeatherTool
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Query and display city field chart and all city weather data

Browse Source
This commit is contained in:
Guntis Smaukstelis
2024-01-12 17:13:39 +02:00
parent d6707b7bb0
commit 65dfcf052a
7 changed files with 149 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/cities/chart/CityChart.tsx
+7 -7
View File
@@ -6,15 +6,15 @@ import { CityLargeChart } from "./CityLargeChart";
import { createCustomChart } from "./CustomChart";
export const CityChart: Component<{
city: string;
data: [string, number | null][];
query: DataQuery;
city: () => string;
data: () => [string, number | null][];
query: () => DataQuery;
}> = (props) => {
const [getCanvas, setCanvas] = createSignal<HTMLCanvasElement>();
const [getIsLarge, setIsLarge] = createSignal(false);
let chart: Chart | undefined;
const data: [string, number | null][] = props.data.map(([dateStr, value]) => [
const data: [string, number | null][] = props.data().map(([dateStr, value]) => [
formatDateString(dateStr),
value,
]);
@@ -30,9 +30,9 @@ export const CityChart: Component<{
false,
timestamps,
values,
props.city,
props.query.field,
props.query.granularity,
props.city(),
props.query().field,
props.query().granularity,
);
});
web/src/cities/chart/CityLargeChart.tsx
+7 -7
View File
@@ -6,14 +6,14 @@ import "../../css/overlay.css"
import { createCustomChart } from "./CustomChart";
export const CityLargeChart: Component<{
city: string;
data: [string, number | null][];
query: DataQuery;
city: () => string;
data: () => [string, number | null][];
query: () => DataQuery;
close: () => void
}> = (props) => {
const [getCanvas, setCanvas] = createSignal<HTMLCanvasElement>();
let chart: Chart;
const data: [string, number | null][] = props.data.map(([dateStr, value]) => [
const data: [string, number | null][] = props.data().map(([dateStr, value]) => [
formatDateString(dateStr),
value,
]);
@@ -30,9 +30,9 @@ export const CityLargeChart: Component<{
true,
timestamps,
values,
props.city,
props.query.field,
props.query.granularity,
props.city(),
props.query().field,
props.query().granularity,
);
});