El siguiente script crea un gráfico básico de Marimekko donde los valores de x son acumulativos. Esto es increíble como una forma emocionante de trazar datos.http://jsfiddle.net/Guill84/1o926coh/

Desafortunadamente, cuando alterna áreas en la leyenda, el script simplemente 'oculta' las áreas en cuestión, lo que significa que hay espacios en el gráfico. ¿Cómo podría modificar este script para que la matriz "allSeries" se recalcule cada vez que se activa un botón en la leyenda?

Para repetir y con suerte aclarar lo que busco: la idea es que si elimino el área verde, las series negra y naranja deben estar adyacentes.

$(function () {
    var rawData = [
        { name: 'A', x: 5, y: 5.6 },
        { name: 'B', x: 3, y: 10.1 },
        { name: 'C', x: 11, y: 1.2 },
        { name: 'D', x: 2, y: 17.8 },
        { name: 'E', x: 8, y: 8.4 }
    ];

function makeSeries(listOfData) {
    var sumX = 0.0;
    for (var i = 0; i < listOfData.length; i++) {
        sumX += listOfData[i].x;
    }
    var allSeries = []
    var x = 0.0;
    for (var i = 0; i < listOfData.length; i++) {
        var data = listOfData[i];
        allSeries[i] = {
            name: data.name,
            data: [
                [x, 0], [x, data.y],
                {
                    x: x + data.x / 2.0,
                    y: data.y,
                    dataLabels: { enabled: false, format: data.x + ' x {y}' }
                },
                [x + data.x, data.y], [x + data.x, 0]
            ],
            w: data.x,
            h: data.y
        };
        x += data.x + 0;
    }
    return allSeries;
}

$('#container').highcharts({
    chart: { type: 'area' },
    xAxis: {
        tickLength: 0,
        labels: { enabled: true}
    },
    yAxis: {
        title: { enabled: false}
    },
    plotOptions: {

        area: {
            lineWidth: 0,
            marker: {
                enabled: false,
                states: {
                    hover: { enabled: false }
                }
            }
        }
    },

    series: makeSeries(rawData)
});

});

¡Déjame saber lo que piensas!

Guión original:¿Cómo puedo cambiar el ancho de las barras en un gráfico alto?