图表区域和图例区域自动更新

Question

我有一个图表并实施了seriesClick事件。当用户点击它时会加载dataA，当用户再次点击它时会加载dataB。它完全实现，功能齐全。不过我的问题是如何修复图表区域和图例区域。

图例长度因dataA和dataB而异，因此当用户点击系列时，图表不会保持稳定，它会自动调整。我不希望我的图表自动调整。

我的SeriesClick事件实现如下：

     function clickEvent (e) {
             if (!isHover) {
                 chart.options.series = dataSeries2;
                 chart.redraw();
                 isHover = true;
             }
             else if (isHover) {
                 var chart = $("#chart").data("kendoChart");
                 chart.options.series = dataSeries;
                 chart.redraw();
                 isHover = false;
             }
         }

这是jsfiddle：

http://jsfiddle.net/3yhbyy2g/72/

Answer 1

还没有用于将绘图区域设置为具有固定宽度的API，您现在可以做的就是在图例标签中提供转义字符（\ n）。

stats = stats.map(function(x) {
    return { x: x[0], y: x[1], k: x[2],name:"my title\nis too\nlengty" };
});

我在他们的论坛中找到this，希望能帮到你。