kendo堆积条形图共享模板配置

时间:2016-12-04 07:30:28

标签: charts kendo-ui

我使用了以下代码来制作剑道叠加条形图。似乎一切都很好,但我无法自定义共享模板。我想删除系列中值为零的条目的工具提示。

@(Html.Kendo().Chart()
                .Name("chrtMonth_" + ContextId)
                .Legend(legend => legend.Position(ChartLegendPosition.Top).Visible(true))
                        .SeriesDefaults(seriesDefaults => seriesDefaults.Column().Visual("columnVisual").Stack(true)
                .Highlight(highlight => highlight.Toggle("toggleHandler")))
                .DataSource(ds => ds.Read(read => read.Action("GetWeeklyMonthlyGraphData", "CMCDashboard")))

                .Series(series =>
                {
                    foreach (var row in Model.Rows)
                    {

                        var monthOnMontValues =
                            new double[]
                                {
                                   Convert.ToDouble(((System.Data.DataRow)row)[1])<0?0:Convert.ToDouble(((System.Data.DataRow)row)[1]),
                                  Convert.ToDouble(((System.Data.DataRow)row)[2])<0? 0:Convert.ToDouble(((System.Data.DataRow)row)[2]),
                                  Convert.ToDouble(((System.Data.DataRow)row)[3])<0? 0:Convert.ToDouble(((System.Data.DataRow)row)[3]),
                                  Convert.ToDouble(((System.Data.DataRow)row)[4])<0? 0:Convert.ToDouble(((System.Data.DataRow)row)[4]),
                                  Convert.ToDouble(((System.Data.DataRow)row)[5])<0? 0:Convert.ToDouble(((System.Data.DataRow)row)[5]),
                                  Convert.ToDouble(((System.Data.DataRow)row)[6])<0? 0:Convert.ToDouble(((System.Data.DataRow)row)[6]),
                                  Convert.ToDouble(((System.Data.DataRow)row)[7])<0? 0:Convert.ToDouble(((System.Data.DataRow)row)[7]),
                                  Convert.ToDouble(((System.Data.DataRow)row)[8])<0? 0:Convert.ToDouble(((System.Data.DataRow)row)[8]),
                                  Convert.ToDouble(((System.Data.DataRow)row)[9])<0? 0:Convert.ToDouble(((System.Data.DataRow)row)[9]),
                                  Convert.ToDouble(((System.Data.DataRow)row)[10])<0? 0:Convert.ToDouble(((System.Data.DataRow)row)[10]),
                                  Convert.ToDouble(((System.Data.DataRow)row)[11])<0? 0:Convert.ToDouble(((System.Data.DataRow)row)[11]),
                                  Convert.ToDouble(((System.Data.DataRow)row)[12])<0? 0:Convert.ToDouble(((System.Data.DataRow)row)[12])
                                };
                        series.Column(monthOnMontValues).Name(Convert.ToString(((System.Data.DataRow)row)["Status"]));
                    }


                })
                                .CategoryAxis(axis =>
                                {
                                    string[] names = null;
                                    string colNames = string.Empty;
                                    for (int i = 0; i < Model.Columns.Count; i++)
                                    {
                                        if (i != 0)
                                        {
                                            colNames = colNames + Model.Columns[i] + ",";
                                        }
                                    }
                                    names = colNames.Split(',').Where(p => !string.IsNullOrEmpty(p)).ToArray();
                                    axis.Categories(names).Visible(true);
                                }

                    )
            .Panes(panes => panes.Add().Clip(false))
            .ValueAxis(axis => axis.Numeric()
                        .Labels(labels =>
                        labels.Template("#= kendo.format('{0:N0}', value) # ")
                    )
            .Line(line => line.Visible(false))
                    ).Tooltip(t => t.Visible(true).Shared(true))


            )

Shared Tool Tip Is appearing fine But I want to remove entries for data whose values is zero attaching sharedtooltip screen shot.

Thanks,
Munna[enter image description here][1]


  [1]: https://i.stack.imgur.com/6jnGx.png

0 个答案:

没有答案