This is a migrated thread and some comments may be shown as answers.

How to set Height of the Stock Chart's Navigator

1 Answer 163 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
prabhakar
Top achievements
Rank 1
prabhakar asked on 10 Sep 2013, 10:55 AM
Hi,

I have to reduce Height of the Navigator area of Stock chart. Please help me in this regard.
Pleas find the screen shot of my current implementation in which I have highlighted navigator portion whose height has to be reduced.
Below is the view code.
@(Html.Kendo().StockChart<Nalco.enVision.Web.Areas.ServiceModule.Models.SensorChartModel>()
        .Name("stockChart")
        //.Legend(true)
        //.Title(Model.ChartTitle)
        .DataSource(ds => ds
                 .Read(read =>
                        read.Action("GetChartData", "Charts"))
                        .ServerOperation(true)
                 )
        .DateField("MeasureDate")
        .CategoryAxis(axis => axis.Name("dateAxis")
                          // .Labels(l => l.Rotation(90))
                            //.Title(Model.XAxisTitle)
                            .Title(t => t.Font("10px Arial"))
                     )
        .ValueAxis(axis => axis.Numeric("valueAxis")
                          .Labels(l => l.Format("{0:n}"))
                          .Title(Model.YAxisTitle)
                          .Title(t => t.Font("10px Arial"))
                   )
        .Series(series =>
        {
            series.Line(s => s.Value).Axis("valueAxis")
                              .Color("#3493D5")
                              .Tooltip(tooltip => tooltip.Format("{0:n}"))
                              .Tooltip(tooltip => tooltip.Template("Date:#= kendo.toString(category,'G') # <br/>Value: #= value #"));
        }
                )
        .Navigator(nav => nav
            //.DataSource(ds => ds.Read(read => read.Action("GetChartData", "Charts")))
            //.DateField("MeasureDate")
            .Series(series =>
            {
                series.Area(s => s.Value)
                       .Color("#3493D5");
            })
            )
            .Events(e => e.SelectEnd("onSelectEnd"))
            .HtmlAttributes(new { style = "height:" + Model.Height + "px;width:" + Model.Width + "px;" })
    )
.

1 Answer, 1 is accepted

Sort by
0
Iliana Dyankova
Telerik team
answered on 12 Sep 2013, 08:39 AM
Hi Prabhakar,

I am afraid what you would like to achieve is not supported in Kendo UI Chart for ASP.NET MVC at this point. I logged this request in our system and we will do our best to provide the desired functionality as soon as possible. Please excuse us for the inconvenience caused.

Regards,
Iliana Nikolova
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
General Discussions
Asked by
prabhakar
Top achievements
Rank 1
Answers by
Iliana Dyankova
Telerik team
Share this question
or