javascript - シンプルな動的グリッドを使用した剣道チャート

Question

日付とカウント、平均、最小、最大関数を含むチャートがあります。関数をクリックすると、チャートのすべての値を取得できます。

グラフの近くに単純なグリッドを表示したいだけです。カテゴリ名とその値を表示したいだけです。私は何時間も試みてきましたが、それはできませんでした。

次のコードでカテゴリ名を表示できます。

$("#ce").html(series[3].name);

そして、その価値をその近くで示したい。

しかし、私はできません。ご協力いただきありがとうございます。

JavaScript 関数の例を次に示します。 日付関数を使用した Telerik 剣道チャート

これが私のコードです：

<td>
    <div align="center" id="aa">
        @(Html.Kendo().Chart(Model)
            .Name("chartMesleki258")   
            .Title(title => title
                .Text("aa)")
                .Position(ChartTitlePosition.Top))
            .Legend(legend => legend
                .Visible(true)
                .Position(ChartLegendPosition.Top))
            .Series(series =>
            {
                series
                    .Column(model => model.aa, categoryExpression: model => model.EvrakTarih).Name("eee Dosyalar")
                    .Aggregate(ChartSeriesAggregate.Count);
                series
                   .Column(model => model.aa, categoryExpression: model => model.EvrakTarih).Name("eee Dosyalar")
                   .Aggregate(ChartSeriesAggregate.Count);
                series
                  .Column(model => model.aa, categoryExpression: model => model.EvrakTarih).Name("Kapsam Disi Dosyalar")
                  .Aggregate(ChartSeriesAggregate.Count);
            })
            .CategoryAxis(axis => axis
                .Date()
                .BaseUnit(ChartAxisBaseUnit.Months)
                .MajorGridLines(lines => lines.Visible(false)))
            .Tooltip(tooltip => tooltip
                .Visible(true)
                .Template("#= series.name #: #= value #"))
        )
    </div>
</td>

<script>
    $(document).ready(function () {
        $(".configuration").bind("change", refresh);
    });

    function refresh() {
        var chart = $("#chartMesleki258").data("kendoChart"),
            series = chart.options.series,
            type = $("input[name=seriesType]:checked").val(),
            stack = $("#stack").prop("checked");

        for (var i = 0, length = series.length; i < length; i++) {
            series[i].stack = stack;
            series[i].type = type;
        };

        chart.refresh();
    }
</script>

<script type="text/javascript">
    $(".configuration").bind("change", refresh);

    function refresh() {
        var chart = $("#chartMesleki258").data("kendoChart"),
        series = chart.options.series,
        categoryAxis = chart.options.categoryAxis,
        baseUnitInputs = $("input:radio[name=baseUnit]"),
        aggregateInputs = $("input:radio[name=aggregate]");

        for (var i = 0, length = series.length; i < length; i++) {
            series[i].aggregate = aggregateInputs.filter(":checked").val();
        }

        categoryAxis.baseUnit = baseUnitInputs.filter(":checked").val();

        chart.refresh();
    }
</script>