Legend placement goes haywire when any of the aspect ratio classes are used about chartist-plugin-legend HOT 6 CLOSED

Affecting me as well. Using ct-major-tenth

from chartist-plugin-legend.

Well, chartist-plugin-legend places the ul element inside of the chart container, either before or after the svg chart, depending on your options.

If you want the ul to be placed, this has to be done with JS, probably the best approach ist to fork and implement a position option for flexibilty:

chart.on('created', function (data) {
    // Append the legend element to the DOM
    switch (options.position) {
        case 'top':
            chart.container.insertBefore(legendElement, chart.container.childNodes[0]);
            break;

        case 'bottom':
            chart.container.insertBefore(legendElement, null);
            break;

        case 'outertop':
            // Some logic to place the chart outside of the chart container
            break;
        }
});

How good that is and if that should be PR'd into the master sometimes, i can't say really; you might run into some unexpected styling problems because the legend is now somewhere outside the container, depending on your implementation.

from chartist-plugin-legend.

We could also allow the position option to take a DOM element. If a DOM element is given it attaches to that element instead of inside the chart. A PR is welcome for this, don't have the time myself atm.

from chartist-plugin-legend.

That sounds sweet too, might look into it sometime soon.

from chartist-plugin-legend.

Works as of 0.6.0. You can now enter any HTMLElement into the position option.

from chartist-plugin-legend.

I'm closing this as this should be resolved as of 0.6.0. If this issue remains, feel free to reopen it.

from chartist-plugin-legend.