javascript - 图表区和图例区自动更新

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" };
});

我在他们的论坛上找到了这个，希望对你有所帮助。