Estoy experimentando un error muy raro y es que tengo en una página 3 gráficas, de las cuales 2 gráficas se muestran correctamente con su ícono de exportar respectivamente.
Sin embargo, una de las gráficas no muestra dicho ícono. Muestro el código que tengo para construirla:
HTML
<figure class="highcharts-figure">
<div style="height:600px !important;" id="container-varios"></div>
</figure>
Javascript
Highcharts.chart('container-varios', {
chart: {
type: 'area'
},
credits: { enabled: false },
legend:{
verticalAlign:'top',
align : 'left',
useHTML: true,
},
accessibility: {
description: ''
},
title: {
text: ''
},
subtitle: {
text: ''
},
xAxis: {
categories: dataContent.rango_fechas
},
yAxis: {
title: {
text: ''
},
labels: {
formatter: function () {
return this.value + '';
}
}
},
exporting: {
buttons: {
}
},
series: [
{
name: 'Total cursos',
data: [],
events: {
legendItemClick: function (e) {
e.preventDefault();
}
},
},
{
name: 'Total views',
marker: {
symbol: 'url(assets/img/iconogris.png)'
},
data: dataContent.total_views,
color : "#929292",
events: {
legendItemClick: function (e) {
e.preventDefault();
}
},
},
{
name: 'Total Usuarios',
marker: {
symbol: 'url(assets/img/iconogrisclaro.png)'
},
data: dataContent.totales_suscritos_profesor,
//data: default_values2,
color : "#5E5E5E",
events: {
legendItemClick: function (e) {
e.preventDefault();
}
},
},
{
name: 'Total usuarios suscritos <br> a la playlist',
data: dataContent.total_usuarios_suscritos_playlist,
events: {
legendItemClick: function (e) {
e.preventDefault();
}
},
},
{
name: 'Valoración media',
data: [],
events: {
legendItemClick: function (e) {
e.preventDefault();
}
},
},
{
name: 'Total valoraciones',
data: [],
events: {
legendItemClick: function (e) {
e.preventDefault();
}
},
},
]
});
Además, agregué las siguientes librerías correspondientes para exportar
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/series-label.js"></script>
<script src="https://code.highcharts.com/modules/offline-exporting.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/export-data.js"></script>
Me gustaría volver a aclarar que omití la parte donde construyo dos gráficas en el mismo documento y que éstas sí se muestran correctamente con su ícono de exportar, sin embargo, como comenté antes, esta gráfica en particular no tiene el ícono respectivamente a pesar de que parece estar configurada correctamente (dejo este screenshot para que vean cómo se muestran estas tres gráficas).