剑道图y轴标签问题

Question

我在使用剑道图表的 y 轴标签时遇到问题。

如果我在那里有很大的值，它会显示得很好，它会适应并显示标签相应地步进：假设值从 0 到 100，标签会自动步进，如 0、20、40、60、80、100。一切都很好.

但对于较低的值，它们会重复，如下所示：

经过一些研究，例如，我尝试将MajorUnit 属性设置为 1，并将其修复为较低的值：

        .ValueAxis(axis => axis.Numeric()
            .Labels(l => l.Format("N0"))
            .MajorGridLines(lines => lines.Visible(true))
            .MajorTicks(lines => lines.Visible(true))
            .MajorUnit(1) // <----------- this one

但是，对于高值，它会为每个单独的标签制作一个标签，从而导致一些重叠：

我无法在 dataBound 上设置 MajorUnit，因为我在图表中有多个系列，一些从 0 到 2，另一些从 0 到 200。

我该如何解决这个问题？

Answer 1

您必须在 Chart 'dataBound' 事件上动态调整 'categoryAxis.labels.step'

function dataBound(e) {
var chart = $("#chart").data("kendoChart");
if ([*MajorUnitData*].length > 4) {
    chart.options.categoryAxis.labels.step = 10;
}
else {
    chart.options.categoryAxis.labels.step = 1;
}    

}

参考此链接：http://mikaelkoskinen.net/post/kendoui-dataviz-tips-and-tricks

Answer 2

我会将图表高度设置为与类别轴数成比例

dataBound: function (e) {
                var axis = e.sender.options.categoryAxis;
                $(e.sender.element).css("height", axis.categories.length * 45);
                $(e.sender.element).data("kendoChart").redraw();
              }