我正在使用kendo ui向我的网页呈现一些饼图。它们有一个可变数据集,有些将有一行,一行是2行,有些则是2行。
当我将位置设置为底部时,带有两行图例的饼图最终会变小,因为它试图将第二行放在同一区域中,因此它会强制饼图变小。图例显示了我希望它显示的方式,项目居中对齐。
我试图通过将图例位置设置为自定义而不是底部来解决此问题。这将传说从尺寸方程中取出并绝对定位。这意味着饼图大小现在都相同,但图例数据现在左对齐而不是居中。这使得只有2个项目的图例看起来很糟糕,因为它现在全部偏离左边而不是居中。
有没有人知道是否有办法将图例设置为居中对齐,而我将其设置为使用自定义位置?
从我在API文档中看到的,没有选项。此外,由于标签的长度可变,我无法有条件地静态定位它们,因为根据标签长度的不同,每行可能会有不同的数量。
我已经设置了一个显示问题的JS Bin示例:
前两个图表使用位置底部,您可以看到饼图的大小不同,但图例显示正确。
后两个图表使用位置自定义,您可以看到馅饼大小相同,但图例左对齐。
任何帮助表示感谢。
以下是JS Bin的来源:
http://jsbin.com/fejeyi/5/watch?html,js,output
干杯!