Example
<cr-component id="component" name="analysis-evolution" loading></cr-component>
<script>
const component = document.querySelector("#component");
component.init({
proposalId: 74700,
selectedperiod: "YTD",
});
</script>
Schema
{
"type": "object",
"properties": {
"environmental": {
"type": "number",
"minimum": 0,
"maximum": 100
},
"social": {
"type": "number",
"minimum": 0,
"maximum": 100
},
"governance": {
"type": "number",
"minimum": 0,
"maximum": 100
},
"total": {
"type": "number",
"minimum": 0,
"maximum": 100
},
"relevance": {
"type": "number",
"minimum": 0,
"maximum": 1
},
"symbolId": {
"type": "number"
},
"chartType": {
"type": "string",
"enum": [
"infographic",
"gauge"
],
"default": "gauge"
}
},
"additionalProperties": true,
"oneOf": [
{
"required": [
"environmental",
"social",
"governance",
"total"
],
"prohibited": [
"symbolId"
]
},
{
"required": [
"symbolId"
],
"prohibited": [
"environmental",
"social",
"governance",
"total"
]
}
]
}
Complete Schema
{}
CSS Variables
--color-environmental: var(--color-green-6);
--color-social: var(--color-red-6);
--color-governance: var(--color-blue-6);
Locales
{
"title": "ESG analysis",
"criterias": {
"antibriberyAndCorruption": "Anti-bribery & corruption",
"climateChange": "Climate Change",
"corporateGovernance": "Corporate governance",
"diversityAndInclusion": "Diversity & inclusion",
"humanCapitalManagement": "Human capital management",
"innovation": "Innovation",
"naturalResources": "Natural resources",
"riskManagement": "Risk management",
"society": "Society",
"transparency": "Transparency",
"valueChain": "Value chain",
"wasteManagement": "Waste management"
},
"tooltips": {
"environmental": "Include the contribution a company makes to climate change through greenhouse gas emissions, along with waste management and energy efficiency.",
"social": "Include human rights, labor standards in the supply chain, any exposure to illegal child labor, and issues such as adherence to workplace safety.",
"governance": "A set of rules or principles defining rights, responsabilities and expectations between different stakeholders in the governance of corporations."
},
"messages": {
"relevance": "The percentage of the underlyings analyzed in this calculation represents {{value}} of the portfolio."
},
"unknownChartType": "Unknown type of graphic"
}