Question

我有一个包含日期和计数，平均值，最小值，最大值函数的图表。当我点击功能时，我可以获得我的图表的所有值。

我只是想在我的图表附近显示一个简单的网格。我只想显示我的类别名称及其值。我已经尝试了几个小时，但我无法做到。

我可以使用以下代码显示我的类别名称：

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

我想在它附近展示它的价值。

但我不能。谢谢你的帮助。

以下是我对JavaScript函数的一个例子： Telerik Kendo chart with date functions

这是我的代码：

<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>

带有简单动态网格的剑道图

0 个答案: