diff --git a/src/routes/economic-indicator/+page.svelte b/src/routes/economic-indicator/+page.svelte index d3dd1d8f..f7948041 100644 --- a/src/routes/economic-indicator/+page.svelte +++ b/src/routes/economic-indicator/+page.svelte @@ -30,6 +30,20 @@ let filterRule = 'annual'; let timePeriod = 'threeYears'; const monthNames = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; +const treasuryLabel = { + 'month1': '1-Month', + 'month2': '2-Month', + 'month3': '3-Month', + 'month6': '6-Month', + 'year1': '1-Year', + 'year2': '2-Year', + 'year3': '3-Year', + 'year5': '5-Year', + 'year7': '7-Year', + 'year10': '10-Year', + 'year20': '20-Year', + 'year30': '30-Year', +} function filterEndOfYearDates(data) { // Step 1: Group data by year @@ -165,7 +179,7 @@ async function plotData() { // Convert seriesData to the format required by the series property let series = Object?.keys(seriesData).map(key => { return { - name: key, + name: treasuryLabel[key], data: seriesData[key], type: 'line', smooth: true, @@ -690,17 +704,18 @@ onMount(async () => { Date - Month 1 - Month 2 - Month 3 - Month 6 - Year 1 - Year 2 - Year 3 - Year 5 - Year 10 - Year 20 - Year 30 + 1-Month + 2-Month + 3-Month + 6-Month + 1-Year + 2-Year + 3-Year + 5-Year + 7-Year + 10-Year + 20-Year + 30-Year @@ -735,6 +750,9 @@ onMount(async () => { {item?.year5} + + {item?.year7} + {item?.year10}