Change settings

src/components/CompareChartE.vue

@@ -25,7 +25,7 @@ export default defineComponent({
   name: 'CompareChartE',
   components: { VChart },
   props: {
-    selected: { type: Array, default: () => [] },   // [{agent_name, asset, model, strategy, decision_ids?}]
+    selected: { type: Array, default: () => [] },
     visible: { type: Boolean, default: true }
   },
   data(){ return { option: {} } },
@@ -38,7 +38,7 @@ export default defineComponent({
     async getAll(){
       let all = getAllDecisions() || []
       if (!all.length) {
-        try { const cached = await readAllRawDecisions(); if (cached?.length) all = cached } catch(_) {}
+        try { const cached = await readAllRawDecisions(); if (cached?.length) all = cached } catch {}
       }
       return all
     },
@@ -48,7 +48,6 @@ export default defineComponent({
       const all = await this.getAll()
       const groupKeyToSeq = new Map()
 
-      // Build grouped sequences from selected (borrowed from CompareChart.vue)
       for (const sel of selected) {
         const { agent_name: agent, asset, model } = sel
         const ids = Array.isArray(sel.decision_ids) ? sel.decision_ids : []
@@ -63,15 +62,12 @@ export default defineComponent({
       const keys = Array.from(groupKeyToSeq.keys())
       const labels = keys.length ? (groupKeyToSeq.get(keys[0]).seq || []).map(s => s.date) : []
 
-      // Build ECharts series: strategy lines per selection + asset Buy&Hold once
       const series = []
       const legend = []
       const assets = new Set()
-
-      // Per-agent color hue: reuse your getStrategyColor hue system
       const agentColorIndex = new Map()
 
-      for (const [gk, { sel, seq }] of groupKeyToSeq.entries()) {
+      for (const [_, { sel, seq }] of groupKeyToSeq.entries()) {
         if (!seq.length) continue
         const agent = sel.agent_name
         const asset = sel.asset
@@ -80,7 +76,6 @@ export default defineComponent({
         const idx = agentColorIndex.get(agent) ?? agentColorIndex.size
         agentColorIndex.set(agent, idx)
 
-        // strategy config
         const cfg = (STRATEGIES || []).find(s => s.id === sel.strategy) || { strategy: 'long_only', tradingMode: 'aggressive', fee: 0.0005, label: 'Selected' }
         const stratSeries = computeStrategyEquity(seq, 100000, cfg.fee, cfg.strategy, cfg.tradingMode)
         if (stratSeries?.length) {
@@ -100,9 +95,7 @@ export default defineComponent({
         }
       }
 
-      // Add Buy&Hold baseline once per asset (in black)
       for (const asset of assets) {
-        // find any seq for this asset to build BH labels
         const entry = [...groupKeyToSeq.values()].find(v => v.sel.asset === asset)
         if (!entry) continue
         const bh = computeBuyHoldEquity(entry.seq, 100000) || []
@@ -128,22 +121,13 @@ export default defineComponent({
             : v
         },
         legend: { type: 'scroll', bottom: 0, data: legend },
-        xAxis: {
-          type: 'category',
-          data: labels,
-          axisLabel: { formatter: v => v?.slice?.(2) } // compact YY-MM-DD
-        },
+        xAxis: { type: 'category', data: labels, axisLabel: { formatter: v => v?.slice?.(2) } },
         yAxis: {
           type: 'value',
           scale: true,
-          axisLabel: {
-            formatter: v => v.toLocaleString(undefined, { style: 'currency', currency: 'USD', maximumFractionDigits: 0 })
-          }
+          axisLabel: { formatter: v => v.toLocaleString(undefined, { style:'currency', currency:'USD', maximumFractionDigits:0 }) }
         },
-        dataZoom: [
-          { type: 'inside', throttle: 50 },
-          { type: 'slider', height: 16, bottom: 22 }
-        ],
+        dataZoom: [{ type: 'inside', throttle: 50 }, { type: 'slider', height: 16, bottom: 22 }],
         series
       }
     }