Hello,

I'm able to set the color of the points on the chart (red and blue). I'm unable to get rid of the black-center of the points by setting the background color.

How do I set both color of points and background color (center of point) to same color?

Thanks.

js code:

----------

<script>
        function getPointColor(point)
        {
        if (point.dataItem.Name === "Left Eye Sensor")
        {
            return "#af3d3c";
        }
        else
        {
            return "#3f48cc";
        }
    }
</script>

@(Html.Kendo().Chart<KendoScatterChart.Models.ChartScatterPlotPoint>(Model)
            .Name("pressureDataChart")
            .Legend(legend => legend
                .Position(ChartLegendPosition.Bottom)
            )
            .ChartArea(chartArea => chartArea
                .Background("transparent")
            )
            .SeriesDefaults(seriesDefaults =>
                seriesDefaults.Scatter().Labels(labels => labels.Visible(true)).Markers(markers => markers.Size(8))
            )
            .DataSource(dataSource => dataSource
                .Group(group => group.Add(model => model.Name))
            )
            .Series(series =>
            {
                series.Scatter(model => model.X, model => model.Y).ColorHandler("getPointColor").Markers(markers => markers.Background("getPointColor"));
            })
            .XAxis(x => x
                .Date()
                .Title(title => title.Text("Date"))
            )
            .YAxis(y => y
                .Numeric()
                .Title(title => title.Text("Pressure [mmHg]"))
            )
            .Zoomable()
            .Pannable()
)

C# code:

------------

    public class ChartScatterPlotPoint
    {
        public DateTime X { get; set; }
        public double Y { get; set; }

        public string Name { get; set; }

        public string Color { get; set; }

        public ChartScatterPlotPoint(DateTime dateTime, double v, string name, string color)
        {
            this.X = dateTime;
            this.Y = v;
            this.Name = name;
            this.Color = color;
        }
    }

    public class TempModel : ModelBase
    {
        // For KendoUI plotting.
        public List<ChartScatterPlotPoint> DataPointList { get; set; }
        public List<string> DateList { get; set; }

        public string Name { get; set; }

        public TempModel()
        {

// for demo - color set by js-method.
            DataPointList = new List<ChartScatterPlotPoint>(){
                new ChartScatterPlotPoint(DateTime.Parse("12/18/2018"), 1, "Left Eye Sensor", "blue"),
                new ChartScatterPlotPoint(DateTime.Parse("12/19/2018"), 2, "Left Eye Sensor", "blue"),
                new ChartScatterPlotPoint(DateTime.Parse("12/20/2018"), 3, "Left Eye Sensor", "blue"),
                new ChartScatterPlotPoint(DateTime.Parse("12/18/2018"), 1.5, "Right Eye Sensor", "green"),
                new ChartScatterPlotPoint(DateTime.Parse("12/19/2018"), 2.5, "Right Eye Sensor", "green"),
                new ChartScatterPlotPoint(DateTime.Parse("12/20/2018"), 3.5, "Right Eye Sensor", "green")
            };
        }
    }

I just started using the controls and started with the test app to learn. I can't find out how to set the row height. The row height from the test app is way to large. How do I adjust the row height?

Hi,

I Using Kendo Chart,Previously worked without problems

But Now Chart is not Displayed,Only the contents are displayed in text

This Is My Code:

  <div class="chart-wrapper">
        @(Html.Kendo().Chart()
                                .Name("chart")
                                .Title("Site Visitors Stats /thousands/")
                                .Legend(legend => legend
                                    .Position(ChartLegendPosition.Bottom)
                                )
                                .SeriesDefaults(seriesDefaults => seriesDefaults
                                    .Column().Stack(true)
                                )
                                .Series(series =>
                                {
                                    series.Column(new double[] { 56000, 63000, 74000, 91000, 117000, 138000 }).Name("Total Visits");
                                    series.Column(new double[] { 52000, 34000, 23000, 48000, 67000, 83000 }).Name("Unique visitors");
                                })
                                .CategoryAxis(axis => axis
                                    .Categories("Jan", "Feb", "Mar", "Apr", "May", "Jun")
                                    .MajorGridLines(lines => lines.Visible(false))
                                )
                                .ValueAxis(axis => axis
                                    .Numeric()
                                    .Line(line => line.Visible(false))
                                )
                                .Tooltip(tooltip => tooltip
                                    .Visible(true)
                                    .Format("{0}")
                                )
        )
    </div>

Please Help Me.

Do you have any documentation on how the .Filterable mechanism works on a column in the TreeList?  I had some success with this feature on a Grid but this control doesn't seem to require the same parameters.

Eg.  columns.Add().Field(e => e.Description).Filterable(ftb => ftp...

How do you color a task to represent the percent completion?

The demo's at https://demos.telerik.com/aspnet-core/gantt/task-template and https://demos.telerik.com/aspnet-core/gantt/api show it but I couldn't tell how it was being done.  I am looking to do something like these demo's do.

Thanks

Ken

Hello,

I have a nested grid which implements the sortable components. After reordering the rows, i would like to send the reordered grid to my controller so i can update the data in it. I'm not sure i'm using the right approach, but i'm trying to do this with a custom command from the toolbar. My question is simple, how can i send all my grid to my controller after i reordered the rows ? The goal is to change the property "Ordre" if my model. Thank you very much.

Here is my code so far: 

I need to allow the user to select an item from the TreeList then go to its detail.  I don't believe there is a double-click event.  So then, I assume I'll need to put a "Details" button on the Grid.  Do you have an example how I do this?  I assume we do something like this (doesn't work):

I have a Group object that has an [int Status] property.  I get a list of Status values from a Lookup object that has a Name and an EnumIndex value.  The Status value needs to be set from the selected Lookup object's EnumIndex value.  Form & Drop down definition:

Groups are defined in TreeList:

Editing is done in this PopUp:

Controller Method:

The drop down looks good with the list of Status values but my problem is, the Group's Status value does not change.  What did I miss?

Thanks, Joel