Graficos

// Create the chart
Highcharts.chart(‘container’, {
chart: {
type: ‘column’
},
colors:[“#2B516E”,”#518AB5″,”#75B9ED”,”#9FD6FF”,”#BEE3FF”],
title:””,
accessibility: {
announceNewData: {
enabled: true
}
},
xAxis: {
type: ‘category’
},
yAxis: {
title: {
text: ‘Patrimonio’
}

},
legend: {
enabled: false
},
plotOptions: {
series: {
borderWidth: 10,
dataLabels: {
enabled: true,
format: ‘${point.y:.2f}’
}
}
},

tooltip: {
headerFormat: ‘{series.name}
‘,
pointFormat: ‘{point.name}: {point.y:.2f}% of total
‘
},

series: [
{
name: “Patrimonio”,
colorByPoint: true,
tooltip: {
valueDecimals: 2
},
data: [
{
name: “2017”,
y: 308,
drilldown: “2017”
},
{
name: “2018”,
y: 325,
drilldown: “2018”
},
{
name: “2019”,
y: 325.48,
drilldown: “2019”
},
{
name: “2020”,
y: 327,
drilldown: “2020”
},
{
name: “2021”,
y: 324,
drilldown: “2021”
},
{
name: “jun-21”,
y: 340,
drilldown: “jun-21”
},
{
name: “jun-22”,
y: 339,
drilldown: “jun-22”
},

]
}
],

});

// Create the chart
Highcharts.chart(‘container’, {
chart: {
type: ‘column’
},
colors:[“#BEE3FF”,”#9FD6FF”,”#75B9ED”,”#518AB5″,”#2B516E”],
title:””,
accessibility: {
announceNewData: {
enabled: true
}
},
xAxis: {
type: ‘category’
},
yAxis: {
title: {
text: ‘Reservas por siniestros’
}

},
legend: {
enabled: false
},
plotOptions: {
series: {
borderWidth: 10,
dataLabels: {
enabled: true,
format: ‘${point.y:.1f}’
}
}
},

tooltip: {
headerFormat: ‘{series.name}
‘,
pointFormat: ‘{point.name}: {point.y:.2f}% of total
‘
},

series: [
{
name: “Reservas por siniestros”,
colorByPoint: true,
data: [
{
name: “2017”,
y: 93,
drilldown: “2017”
},
{
name: “2018”,
y: 94,
drilldown: “2018”
},
{
name: “2019”,
y: 101,
drilldown: “2019”
},
{
name: “2020”,
y: 130,
drilldown: “2020”
},
{
name: “2021”,
y: 139,
drilldown: “2021”
},
{
name: “jun-2021”,
y: 139.9,
drilldown: “jun-2021”
},
{
name: “jun-2022”,
y: 140.3,
drilldown: “jun-2022”
},

]
}
],

});

// Create the chart
Highcharts.chart(‘container’, {
chart: {
type: ‘column’
},
colors:[“#2B516E”,”#518AB5″,”#75B9ED”,”#9FD6FF”,”#BEE3FF”],
title:””,
accessibility: {
announceNewData: {
enabled: true
}
},
xAxis: {
type: ‘category’
},
yAxis: {
title: {
text: ‘Reservas técnicas’
}

},
legend: {
enabled: false
},
plotOptions: {
series: {
borderWidth: 10,
dataLabels: {
enabled: true,
format: ‘${point.y:.1f}’
}
}
},

tooltip: {
headerFormat: ‘{series.name}
‘,
pointFormat: ‘{point.name}: {point.y:.2f}% of total
‘
},

series: [
{
name: “Reservas técnicas”,
colorByPoint: true,
data: [
{
name: “2017”,
y: 215,
drilldown: “2017”
},
{
name: “2018”,
y: 223,
drilldown: “2018”
},
{
name: “2019”,
y: 222.0,
drilldown: “2019”
},
{
name: “2020”,
y: 221,
drilldown: “2020”
},
{
name: “2021”,
y: 227,
drilldown: “2021”
},
{
name: “jun-2021”,
y: 229.2,
drilldown: “jun-2021”
},
{
name: “jun-2022”,
y: 229.0,
drilldown: “jun-2022”
},

]
}
],

});

Highcharts.chart(‘container’, {
chart: {
zoomType: ‘xy’
},
colors:[“#2b516e”,”#bee3ff”,”#a5a5a5″,”#ffc000″],
title: “”,
xAxis: [{
categories: [‘Vida’, ‘Previsionales,
rentas y penciones’, ‘Accidentes y
enfermedades’, ‘Incendios y
líneas aliadas’, ‘Automotores’, ‘Otros seguros generales’, ‘Fianzas’,],
crosshair: true
}],
yAxis: [{ // Primary yAxis
labels: {
format: ‘{value}’,
style: {
color: Highcharts.getOptions().colors[2]
}
},
title: {
text: ‘Siniestros 2019’,
style: {
color: Highcharts.getOptions().colors[2]
}
},
opposite: true

}, { // Secondary yAxis
gridLineWidth: 0,
title: {
text: ‘Siniestros’,
style: {
color: Highcharts.getOptions().colors[0]
}
},
labels: {
format: ‘{value}’,
style: {
color: Highcharts.getOptions().colors[0]
}
}

}, { // Tertiary yAxis
gridLineWidth: 0,
title: {
text: ‘Siniestralidad’,
style: {
color: Highcharts.getOptions().colors[1]
}
},
labels: {
format: ‘{value}%’,
style: {
color: Highcharts.getOptions().colors[1]
}
},
opposite: true
}],
tooltip: {
shared: true
},
legend: {
// layout: ‘vertical’,
// align: ‘left’,
// x: 80,
// verticalAlign: ‘bottom’,
// y: 55,
// floating: true,
backgroundColor:
Highcharts.defaultOptions.legend.backgroundColor || // theme
‘rgba(255,255,255,0.25)’
},
series: [{
name: ‘Siniestros 2019’,
type: ‘column’,
yAxis: 1,
colors:[“#2b516e”],
data: [83.1,45.4,105.3,22.5,71.2,29.2,5.5],
tooltip: {
valueSuffix: ‘$’
}

},
{
name: ‘Siniestros 2020’,
type: ‘column’,
yAxis: 1,
data: [110.3,30.7,83.8,25.3,55.3,42.4,6.1],
tooltip: {
valueSuffix: ‘ $’
}

},
{
name: ‘Siniestralidad 2019’,
type: ‘spline’,
yAxis: 2,
data: [35.7,74.6,82.5,14.1,68.1,26.5,6.9],
marker: {
enabled: false
},
dashStyle: ‘shortdot’,
tooltip: {
valueSuffix: ‘ %’
}

}, {
name: ‘Siniestralidad 2020’,
type: ‘spline’,
data: [56.3,47.9,61.6,21.7,61.0,40.9,40.4],
tooltip: {
valueSuffix: ‘ %’
}
}],
responsive: {
rules: [{
condition: {
maxWidth: 500
},
chartOptions: {
legend: {
floating: false,
layout: ‘horizontal’,
align: ‘center’,
verticalAlign: ‘bottom’,
x: 0,
y: 0
},
yAxis: [{
labels: {
align: ‘right’,
x: 0,
y: -6
},
showLastLabel: false
}, {
labels: {
align: ‘left’,
x: 0,
y: -6
},
showLastLabel: false
}, {
visible: false
}]
}
}]
}
});

Highcharts.chart(‘container’, {
chart: {
zoomType: ‘xy’
},
title:””,
xAxis: [{
categories: [‘2012’, ‘2013’, ‘2014’, ‘2015’, ‘2016’, ‘2017’,
‘2018’, ‘2019’, ‘2020’, ‘2021’, ‘jun-21’, ‘jun-22’],
crosshair: true
}],
yAxis: [{ // Primary yAxis
labels: {
format: ‘{value}%’,
style: {
color: Highcharts.getOptions().colors[1]
}
},
title: {
text: ‘Siniestralidad’,
style: {
color: Highcharts.getOptions().colors[1]
}
}
}, { // Secondary yAxis
title: {
text: ‘Siniestros (Mill$)’,
style: {
color: Highcharts.getOptions().colors[0]
}
},
labels: {
format: ‘{value} mm’,
style: {
color: Highcharts.getOptions().colors[0]
}
},
opposite: true
}],
tooltip: {
shared: true
},
legend: {
layout: ‘vertical’,
align: ‘left’,
x: 120,
verticalAlign: ‘top’,
y: 100,
floating: true,
backgroundColor:
Highcharts.defaultOptions.legend.backgroundColor || // theme
‘rgba(255,255,255,0.25)’
},
series: [{
name: ‘Siniestros (Mill$)’,
type: ‘column’,
yAxis: 1,
data: [238.8,238.9,266.5,331.0,321.0,314.9,321.2,362.3,353.8,472.3,212.2,225.4],
tooltip: {
valueSuffix: ”,
valuepreffix: ‘$’
}

}, {
name: ‘Siniestrallidad’,
type: ‘spline’,
data: [47.5,43.7,46.6,54.4,51.7,50.2,48.8,51.6,49.0,57.3,52.1,51.1],
tooltip: {
valueSuffix: ‘%’
}
}]
});

Highcharts.chart(‘container’, {
data: {
table: ‘datatable’
},
chart: {
type: ‘column’
},
colors:[“#2B516E”,”#BEE3FF”],
title: “”,
yAxis: {
allowDecimals: false,
title: {
text: ‘Units’
}
},
tooltip: {
formatter: function () {
return ‘‘ + this.series.name + ‘
‘ +
this.point.y + ‘ Millones en ‘ + this.point.name.toLowerCase();
}
}
});

// Create the chart
Highcharts.chart(‘container’, {
chart: {
type: ‘column’
},

accessibility: {
announceNewData: {
enabled: true
}
},
title:””,
colors: [‘#BEE3FF’],
xAxis: {
type: ‘category’
},
yAxis: {
title: {
text: ‘Total percent market share’
}

},
legend: {
enabled: false
},
plotOptions: {
series: {
borderWidth: 0,
dataLabels: {
enabled: true,
format: ‘${point.y:.1f}’
}
}
},

tooltip: {
headerFormat: ‘{series.name}
‘,
pointFormat: ‘{point.name}: ${point.y:.2f} of total
‘
},

series: [
{
name: “Años”,
colorByPoint: true,
data: [

{
name: “2012”,
y: 502.9,
drilldown: “2012”
},
{
name: “2013”,
y: 546.1,
drilldown: “2013”
},
{
name: “2014”,
y: 571.8,
drilldown: “2014”
},
{
name: “2015”,
y: 608.6,
drilldown: “2015”
},
{
name: “2016”,
y: 620.9,
drilldown: “2016”
},
{
name: “2017”,
y: 626.8,
drilldown: “2017”
},
{
name: “2018”,
y: 657.5,
drilldown: “2018”
},
{
name: “2019”,
y: 702,
drilldown: “2019”
},
{
name: “2020”,
y: 721.65,
drilldown: “2020”
},
{
name: “2021”,
y: 824.29,
drilldown: “2021”
},
{
name: “jun- 21”,
y: 407.62,
drilldown: “jun- 21″
},
{
name:”jun-22″,
y:440.63,
drilldown:”jun-22”
}
]
}
],

});