Soy nuevo en HighCharts. He creado un embudo con el siguiente script
Highcharts.chart('container', { chart: { type: 'funnel' }, title: { text: 'Sales funnel' }, plotOptions: { series: { dataLabels: { enabled: true, format: '<b>{point.name}</b> ({point.y:,.0f})', softConnector: true, inside: true, }, neckHeight: "0%", neckWidth: "80%", width: '15%', reversed: true, } }, legend: { enabled: false }, series: [{ name: 'Unique users', data: [ ['Website visits', 15654], ['Downloads', 4064], ['Requested price list', 1987], ['Invoice sent', 976], ['Finalized', 846] ] }] });jsfiddle: https://jsfiddle.net/kiranuk/bavLxzrp/
¿Cómo puedo establecer alturas iguales para todas las secciones?.
Gracias por la ayuda.
La altura de una sección se calcula en función de los datos. Si desea tener secciones iguales, puede proporcionar datos iguales simulados y mostrar los datos reales en una información sobre herramientas y etiquetas de datos. Por ejemplo:
plotOptions: { series: { dataLabels: { format: '<b>{point.name}</b> ({point.realY:,.0f})', ... }, ... } }, tooltip: { formatter: function() { return this.series.name + '<br><span style="color:' + this.color + '">●</span> ' + this.point.name + ': <b>' + this.point.realY + '</b>'; } }, series: [{ name: 'Unique users', keys: ['name', 'y', 'realY'], data: [ ['Website visits', 1, 15654], ['Downloads', 1, 4064], ['Requested price list', 1, 1987], ['Invoice sent', 1, 976], ['Finalized', 1, 846] ] }]Demostración en vivo: https://jsfiddle.net/BlackLabel/e4b5o16d/
Referencia de API: https://api.highcharts.com/highcharts/series.funnel.data