analysis-value-plus

Example

<cr-component id="component" name="analysis-value-plus"></cr-component>
<script>
  const component = document.querySelector("#component");
  component.init({
    symbolId: 144616,
    dateRangeEnabled: true,
  });
</script>

Schema

{
 "type": "object",
 "properties": {
  "symbolId": {
   "type": "number"
  },
  "nav": {
   "type": "array",
   "items": {
    "type": "object",
    "properties": {
     "date": {
      "type": "string"
     },
     "valuation": {
      "type": "number"
     }
    }
   },
   "minItems": 1
  },
  "period": {
   "type": "string",
   "default": "SI"
  }
 },
 "additionalProperties": true,
 "oneOf": [
  {
   "required": [
    "symbolId"
   ],
   "prohibited": [
    "nav"
   ]
  },
  {
   "required": [
    "nav"
   ],
   "prohibited": [
    "symbolId"
   ]
  }
 ]
}

Complete Schema

{}

Public functions

• setPeriod(period)

  Function to set another period

  Params

  • {string} period

CSS Variables

--color-runup-gradient-start: var(--color-green-7);
--color-runup-gradient-end: var(--color-green-4);
--color-drawdown-gradient-start: var(--color-red-7);
--color-drawdown-gradient-end: var(--color-red-4);

Locales

{
 "title": "Value plus",
 "series": {
  "runup": "Runup 1Y",
  "drawdown": "Drawdown 1Y"
 },
 "statistics": {
  "lastRunup": "Last runup 1Y",
  "lastDrawdown": "Last drawdown 1Y"
 },
 "tooltips": {
  "title": "Represents the current value of 1Y-Rolling Drawdown (loss from last year's high) and 1Y-Rolling Runup (gain from last year's low) compared to both historical statistics. In turn, the 5th percentile of 1Y-Rolling Drawdown and the 95th percentile of 1Y-Rolling Drawdown are shown.",
  "lastRunup": "Rollup rolling of the portfolio in the last interval selected",
  "lastDrawdown": "Rollup rolling of the portfolio in the last interval selected"
 },
 "messages": {
  "insufficientData": "Not enough data to show"
 }
}