Kendo canvas 图表 title/legend 隐藏溢出

Question

Kendo图表title/legendtruncate/overflow隐藏。 图表呈现为canvas

根据分辨率，图表title/legend得到overlapping/hide。我附加了 JsFiddle Demo

我试过使用这个选项。 word-wrap: break-word 但它在 canvas 中呈现。还有其他解决方案吗？

Answer 1

您可以对图例应用填充和其他格式来推动它。

 legend: {
     position: "top",
     padding: {
         bottom:30
     }, 
 }

Answer 2

终于解决了这个问题，有了这段代码

function OnChartRender(e) {
    var chart = e.sender;
    var titleText = chart.options.title.text;
    var width = chart._plotArea.categoryAxis.box.width();

    var wordsPerLine = Math.round(width / 100) * 2;
    //var wordsPerLine = Math.round((width / 100) * 1.75);

    var arr = titleText.split(" ");
    var newTitle = "";

    for (var i = 0; i < arr.length; i++) {
        if ((i + 1) % wordsPerLine == 0) {
            newTitle += arr[i].trim() + "\n";
        } else {
            newTitle += arr[i].trim() + " ";
        }
    }
    // console.log("Words : ", wordsPerLine, " Width:", width, (width / 100));
    chart.options.title.text = newTitle;
    chart._events.render = null;
    chart.refresh();
}

事件已在图表呈现期间触发。

根据分辨率，标题换行..