From f203904aa8c22942c27b2fa45ebee7d843459584 Mon Sep 17 00:00:00 2001
From: hailin <hailin.zhao@gdzx.xyz>
Date: Sun, 5 Apr 2026 03:07:02 -0700
Subject: [PATCH] feat: single-series bar chart uses different color per
 category

Each bar gets a different color from the palette, making color
palette changes immediately visible for all chart configurations.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 .../gateways/EChartsOptionBuilder/barOptionBuilder.ts     | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/adapters/gateways/EChartsOptionBuilder/barOptionBuilder.ts b/frontend/src/adapters/gateways/EChartsOptionBuilder/barOptionBuilder.ts
index 6151273..01cfd0e 100644
--- a/frontend/src/adapters/gateways/EChartsOptionBuilder/barOptionBuilder.ts
+++ b/frontend/src/adapters/gateways/EChartsOptionBuilder/barOptionBuilder.ts
@@ -211,10 +211,10 @@ export function buildBarOption(
     option.series = [
       {
         type: 'bar',
-        data: seriesData,
-        itemStyle: {
-          color: style.colors[0],
-        },
+        data: seriesData.map((val, idx) => ({
+          value: val,
+          itemStyle: { color: style.colors[idx % style.colors.length] },
+        })),
         label,
       },
     ];