Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

246
Vistas
Highcharts js El eje Y comienza desde el último valor

Estoy trabajando con Highchart y tengo el siguiente gráfico funcionando.

ingrese la descripción de la imagen aquí

Sin embargo, necesito que el siguiente valor comience en el punto del valor anterior.

ingrese la descripción de la imagen aquí

¿Puede alguien ayudarme por favor?

Uso esta función para generar un gráfico.

 function generateChart(chartUrl, id) { let options = {}; $.ajax({ url: chartUrl, data: {name: id}, success: function (data) { options.series[0].data = data; // Get categories dynamicaly, not harcoded for(let i=0;i<data.length;i++){ options.xAxis.categories.push(data[i][0]); } $(`#${id}`).highcharts(options); } }); }

Y este código para generar datos y efectos en el gráfico

 function generateEfectsChart() { let options = { chart: { type: 'column' }, title: { text: '' }, exporting: { enabled: false }, credits: { enabled: false }, xAxis: { lineColor: '#FFFFFF', lineWidth: 0, gridLineColor: '#DADBDF', categories: [], }, yAxis: { lineColor: '#FFFFFF', lineWidth: 0, gridLineColor: '#DADBDF', plotBands: [{ color: '#000000', // Color value from: 0, // Start of the plot band to: 0 // End of the plot band }], title: { text: '' }, legend: { enabled: false }, plotOptions: { column: { dataLabels: { enabled: true, color: '#000000' }, colorByPoint: true, pointWidth: 150 }, series: { borderWidth: 0, dataLabels: { enabled: true, format: '{point.y}' }, turboThreshold: 0 } }, series: [{ negativeColor: '#ED4D5F' }] }; return options; }

about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

Utilice el tipo de serie waterfall .

 Highcharts.chart('container', { chart: { type: 'waterfall' }, ..., });

Demostración en vivo: https://www.highcharts.com/demo/waterfall

Documentos: https://www.highcharts.com/docs/chart-and-series-types/waterfall-series

about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda