图表区和图例区自动更新

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，希望对您有所帮助。

图表区和图例区自动更新

Chart Area and Legend Area automatically updates

javascript

kendo-ui

kendo-chart