Estoy trabajando con Highchart y tengo el siguiente gráfico funcionando.
Sin embargo, necesito que el siguiente valor comience en el punto del valor anterior.
¿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; }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