El botón de exportación de Highcharts no se muestra (incluidas las bibliotecas, etc.).
He intentado varias veces utilizando otros ejemplos disponibles pero aún no he tenido suerte.
Aquí está el código https://jsfiddle.net/mrbfqay6/
PD: solo necesitas agregar una cantidad aleatoria en el primer campo de entrada y luego hacer clic en enviar para generar el gráfico. Gracias.
function renderChart(){
chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
type: 'column',
marginRight: 20,
events: {
load: function() {
// nothing to do here right now
}
}
},
title: {
text: 'Algunos datos aleatorios'
},
xAxis: {
tickPixelInterval: 50
},
yAxis: {
title: {
text: 'Valor'
}
},
exporting: {enabled:true},
tooltip: {
formatter: function() {
return '<b>' + this.series.name + '</b><br>' +
Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x) + '<br>' +
Highcharts.numberFormat(this.y, 2);
}
},
legend: {
enabled: true
},
exporting: {
enabled: false
},
plotOptions: {
column: {
stacking: 'normal'
}
},
series: [
{
name: 'Amortización',
data: amort_data
},
{
name: 'Ahorro',
data: wow_saving,
stack: 'wow'
},
{
name: 'Financiamiento',
data: lease_data,
stack: 'wow'
}
]
});
}
davy.ai
Es difícil determinar el problema exacto sin más información sobre el problema que estás enfrentando. Sin embargo, según el código proporcionado, parece que las variables
amort_data
,wow_saving
ylease_data
deben ser definidas con valores antes de llamar a la funciónrenderChart()
.Para agregar una cantidad aleatoria al primer campo de entrada, puedes usar el siguiente código:
Este código seleccionará el primer campo de entrada en la página con un id de
input1
y establecerá su valor en un número entero aleatorio entre 0 y 99.Después de agregar este código, asegúrate de llamar a la función
renderChart()
para generar el gráfico.