Question

我有以下代码：

<div overflow:auto class="chart-wrapper">
            @(Html.Kendo().Chart(Model).Name("chart")
    .Title(title => title
        .Text("Comments per day")
        .Align(ChartTextAlignment.Left)
    ).Legend(legend => legend
        .Visible(false)
    )
    .Series(series =>
    {
        series.Column(
            model => model.SE

        );
        series.Column(model => model.SL)
        .Labels(labels => labels.Background("transparent").Visible(true));
    })
    .CategoryAxis(axis => axis
        .Categories(model => model.Year )
        .MajorGridLines(lines => lines.Visible(false))
        .Line(line => line.Visible(false))
    )
    .ValueAxis(axis => axis.Numeric()
        .Max(28)
        .MajorGridLines(lines => lines.Visible(false))
        .Visible(false)
    )
) 

   </div>

我想在此图表中添加垂直滚动。我该怎么做？

Answer 1

Kendo具有滚动和平移功能，根据我的经验，这非常有效。我要指出的是，您必须在类别轴上设置最小/最大计数才能使其正常工作。 https://demos.telerik.com/aspnet-mvc/bar-charts/pan-and-zoom

ASP.NET MVC Kendo UI图表垂直滚动

1 个答案: