在Kendo Dataviz中设置饼图的图例对齐方式

时间:2015-02-05 03:05:36

标签: javascript html kendo-ui kendo-dataviz

我正在使用kendo ui向我的网页呈现一些饼图。它们有一个可变数据集,有些将有一行,一行是2行,有些则是2行。

当我将位置设置为底部时,带有两行图例的饼图最终会变小,因为它试图将第二行放在同一区域中,因此它会强制饼图变小。图例显示了我希望它显示的方式,项目居中对齐。

我试图通过将图例位置设置为自定义而不是底部来解决此问题。这将传说从尺寸方程中取出并绝对定位。这意味着饼图大小现在都相同,但图例数据现在左对齐而不是居中。这使得只有2个项目的图例看起来很糟糕,因为它现在全部偏离左边而不是居中。

有没有人知道是否有办法将图例设置为居中对齐,而我将其设置为使用自定义位置?

从我在API文档中看到的,没有选项。此外,由于标签的长度可变,我无法有条件地静态定位它们,因为根据标签长度的不同,每行可能会有不同的数量。

我已经设置了一个显示问题的JS Bin示例:

http://jsbin.com/fejeyi/5/

前两个图表使用位置底部,您可以看到饼图的大小不同,但图例显示正确。

后两个图表使用位置自定义,您可以看到馅饼大小相同,但图例左对齐。

任何帮助表示感谢。

以下是JS Bin的来源:

http://jsbin.com/fejeyi/5/watch?html,js,output

干杯!

0 个答案:

没有答案