首页 > 解决方案 > KendoUI 图表 - 修复饼图宽度而不是 chartArea 以避免切割部分图例

问题描述

当我使用 Kendochart 的图表区域时,它定义了外部区域的大小,因此图表的图例没有完全显示。我们如何只为饼图而不是包含图例和图表的区域设置固定大小?

尝试了 chartarea、css k-chart 大小甚至 .k-chart svn、padding、css 宽度

1)

    $("#chart").kendoChart({
    chartArea: {
        width: 200,
        height: 200
    },
    ....

这会更改还包含图例的区域,而不仅仅是图表

2)

     <style>
        .k-chart {
            height: 250px;
            width: 250px;
        }
    </style>

这也调整了区域的大小

3)

    seriesDefaults: {
    labels: {
    visible: false,
    background: "transparent",
    template: "#= category #: #= value#"
    },
    padding: 50
        },

还尝试对 seriesDeaults 使用填充。当我有两个相同宽度的 div 和不同图例的图表时,这会使图表更小,它们的大小不一样。我需要我的图表在 chartArea 中具有完全相同的大小和位置。

仅修复饼图的宽度

标签: kendo-uikendo-grid

解决方案


推荐阅读