// 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»
},

]
}
],

});

Leer más

// 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»
},

]
}
],

});

Leer más

// 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»
},

]
}
],

});

Leer más

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
}]
}
}]
}
});

Leer más

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: ‘%’
}
}]
});

Leer más

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();
}
}
});

Leer más

// 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″
},
{
name:»2023″,
y:440.63,
drilldown:»2023»
}
]
}
],

});

Leer más