analysis-risk-appetite

Example

<cr-component id="component" name="analysis-risk-appetite"></cr-component>
<script>
  const component = document.querySelector("#component");
  component.init({
    riskAppetite: {
      current: 70,
      previous: 25,
    },
  });
</script>

Schema

{
 "type": "object",
 "properties": {
  "riskAppetite": {
   "type": "object",
   "required": [
    "current"
   ],
   "properties": {
    "current": {
     "type": "number",
     "minimum": 0,
     "maximum": 100
    },
    "previous": {
     "type": "number",
     "minimum": 0,
     "maximum": 100
    }
   }
  }
 },
 "additionalProperties": true
}

Complete Schema

{}

CSS Variables

--color-wave-front: var(--color-primary);
--color-wave-back: var(--color-primary-3);
--color-outer-circle-color: var(--color-primary);
--color-outer-circle-background: var(--color-grey-2);

Locales

{
 "title": "Risk appetite",
 "tooltips": {
  "riskAppetite": "It measures the instant bet of a portfolio with respect to the maximum possible instant bet taking into account the investment universe and its portfolio restrictions. A low risk appetite implies that there are multiple options in the portfolio universe that allow for increased risk"
 }
}