fix(chart): refine ECharts series styling and legend color handling across bar, donut, and radar charts

ts_web/elements/00group-chart/dees-chart-radar/component.ts

@@ -8,7 +8,7 @@ import { DeesChartEchartsBase } from '../dees-chart-echarts-base.js';
 import { demoFunc } from './demo.js';
 import { radarStyles } from './styles.js';
 import { renderChartRadar } from './template.js';
-import { getEchartsSeriesColors, getThemeColors } from '../dees-chart-echarts-theme.js';
+import { getEchartsSeriesColors, getThemeColors, hexToRgba } from '../dees-chart-echarts-theme.js';
 
 export interface IRadarIndicator {
   name: string;
@@ -67,16 +67,18 @@ export class DeesChartRadar extends DeesChartEchartsBase {
     const colors = getThemeColors(this.goBright);
     const seriesColors = getEchartsSeriesColors(this.goBright);
 
+    const fillAlpha = this.goBright ? 0.1 : 0.15;
+
     const seriesData = this.series.map((s, index) => {
       const color = s.color || seriesColors[index % seriesColors.length];
       return {
         name: s.name,
         value: s.values,
-        itemStyle: { color },
-        lineStyle: { color, width: 2 },
-        areaStyle: this.fillArea ? { color, opacity: 0.15 } : undefined,
+        itemStyle: { color, borderColor: color, borderWidth: 1 },
+        lineStyle: { color, width: 1.5 },
+        areaStyle: this.fillArea ? { color: hexToRgba(color, fillAlpha) } : undefined,
         symbol: 'circle',
-        symbolSize: 6,
+        symbolSize: 5,
       };
     });