diff --git a/packages/modules/web_themes/colors/source/src/components/powerGraph/processLiveGraphData.ts b/packages/modules/web_themes/colors/source/src/components/powerGraph/processLiveGraphData.ts index 1f76830556..599a68c22d 100755 --- a/packages/modules/web_themes/colors/source/src/components/powerGraph/processLiveGraphData.ts +++ b/packages/modules/web_themes/colors/source/src/components/powerGraph/processLiveGraphData.ts @@ -79,6 +79,7 @@ function extractValues(data: RawGraphDataItem): GraphDataItem { : 1 const car1id = 'ev' + car1 + '-soc' const car2id = 'ev' + car2 + '-soc' + const re_cp = /cp(\d+)-power/ const values: GraphDataItem = {} values.date = +data.timestamp * 1000 if (+data.grid > 0) { @@ -124,10 +125,18 @@ function extractValues(data: RawGraphDataItem): GraphDataItem { values.charging = +data['charging-all'] // charge points - we only show a maximum of 10 chargepoints in the graph - for (let i = 0; i < 10; i++) { +/* for (let i = 0; i < 10; i++) { const idx = 'cp' + i values[idx] = +(data[idx + '-power'] ?? 0) - } + } */ +Object.keys(data) +.filter(key => re_cp.test(key)) + .forEach((key) => { + const found = key.match(re_cp) + if (found && found[1]) { + values['cp' + found[1]] = +(data[key] ?? 0) + } + }) values.selfUsage = values.pv - values.evuOut if (values.selfUsage < 0) { values.selfUsage = 0 diff --git a/packages/modules/web_themes/colors/source/src/components/powerMeter/PMArc.vue b/packages/modules/web_themes/colors/source/src/components/powerMeter/PMArc.vue index 0e53cf73af..a794fef532 100644 --- a/packages/modules/web_themes/colors/source/src/components/powerMeter/PMArc.vue +++ b/packages/modules/web_themes/colors/source/src/components/powerMeter/PMArc.vue @@ -56,7 +56,7 @@ const props = defineProps<{ categoriesToShow: PowerItemType[] }>() -const cornerRadius = 20 +const cornerRadius = 10 const circleGapSize = Math.PI / 40 const arcCount = computed(() => props.plotdata.length - 1) const pieGenerator = computed(() => @@ -75,7 +75,7 @@ const pieGenerator = computed(() => const path = computed(() => arc>() //.innerRadius((props.radius / 6) * 5) - .innerRadius(props.radius * 0.88) + .innerRadius(props.radius * 0.87) .outerRadius(props.radius) .cornerRadius(cornerRadius), ) diff --git a/packages/modules/web_themes/colors/source/src/views/ColorsTheme.vue b/packages/modules/web_themes/colors/source/src/views/ColorsTheme.vue index bec6914be8..b29a1ffe35 100644 --- a/packages/modules/web_themes/colors/source/src/views/ColorsTheme.vue +++ b/packages/modules/web_themes/colors/source/src/views/ColorsTheme.vue @@ -81,7 +81,7 @@ Hagen */ Fahrzeuge