小编Loc*_*cke的帖子

我检查了一些不同的来源并查看了选项，但我似乎无法让我的图例留在一列中。例如，

在上图中，您会注意到图例的一部分被切掉并放置在一侧。这种情况发生在 <= 550 像素左右。我想强迫他们都留在一列。这是一个重新创建图表的 JSFiddle。我必须在 JS 文件的开头粘贴一些导入，因为我在小提琴选项中找不到它们。滚动到底部查看相关内容。任何帮助，将不胜感激。https://jsfiddle.net/lochrine/02yrpcxg/

相关JS如下：

//Line Graph Script

$('.line-graph').each(function () {
    var legendlabels = $(this).data('legendlabels');
    var datapoints = $(this).data('datapoints');
    var suppliers = $(this).data('suppliers');

    var datatype = $(this).data('datatype');
    var yAxisString = "Amounts";
    if (datatype == "units") { yAxisString = "Units Sold"; }
    else if (datatype == "money") { yAxisString = "Amount (Dollars)"; }

    console.log(datatype);

    new Chart($(this).get(0).getContext('2d'), {
        type: 'line',
        data: {
            labels: legendlabels,
            datasets: $.map(datapoints, function (e, i) {
                return {
                    backgroundColor: lineChartColors[i],
                    borderColor: lineChartColors[i],
                    fill: …