analysis-summary

Example

<cr-component id="component" name="analysis-summary" loading></cr-component>
<script>
  const component = document.querySelector("#component");
  component.init({
    proposalId: 72270,
  });
</script>

Schema

{
 "type": "object",
 "properties": {
  "assessmentId": {
   "type": "integer"
  },
  "proposalId": {
   "type": "integer"
  }
 },
 "additionalProperties": true,
 "oneOf": [
  {
   "required": [
    "assessmentId"
   ],
   "prohibited": [
    "proposalId"
   ]
  },
  {
   "required": [
    "proposalId"
   ],
   "prohibited": [
    "assessmentId"
   ]
  }
 ]
}

Complete Schema

{}

CSS Variables

--space-sections: var(--space-5);

Locales

{
 "summary": {
  "title": "Investment summary",
  "statistics": {
   "investment": "Investment",
   "score": "Score",
   "risk": "Risk"
  },
  "tooltips": {
   "score": "It shows the grade of your portfolio, taking into account the degree of diversification and the quality of the funds in your portfolio.",
   "risk": "Level 1 corresponds to the most conservative profile with very low exposure to equities. Level 7 corresponds to the most aggressive profile with very high exposure to equities"
  }
 },
 "performanceAnalysis": {
  "title": "Performance analysis",
  "statistics": {
   "annualizedReturn": "Annualized return",
   "costs": "Costs of funds"
  },
  "tooltips": {
   "annualizedReturn": "Annualized profitability taking into account 3 years of daily data.",
   "costs": "Total costs in the period of one year."
  }
 },
 "riskAnalysis": {
  "title": "Risk analysis",
  "statistics": {
   "annualizedVolatility": "Annualized volatility",
   "maximumDrawdown": "Maximum drawdown"
  },
  "tooltips": {
   "annualizedVolatility": "Annualized volatility taking into account 3 years of daily data.",
   "maximumDrawdown": "Fall from the maximum to the minimum. It shows the worst possible scenario in the last 3 years."
  }
 },
 "noData": "No data"
}