Telerik Forums
Kendo UI for jQuery Forum
1 answer
82 views

Hi there! I'm having a problem with my wicks going through my candles. I wanted to change the color of them so it wouldn't show up but I can't find a setting for that either. Do you have any advice you can offer? I'm attaching a screenshot.

 

Thanks!

Michael

Michael
Top achievements
Rank 1
 answered on 01 Jun 2018
2 answers
271 views

I have data that looks like this coming out of SQL Server and being returned to my UI via JSON

 

OrderCount | SubmittedDate | OrderStatus

5                  | 05/01/2018       | Hold

1                  | 05/02/2018       | In Process

1                  | 05/02/2018       | Pending

 

What I am trying to achieve is to have a chart that displays the order status count by day so

  • along the X-Axis I want to see 05/01/2018 and 05/02/2018 (SubmittedDate)
  • along the Y-Axis I want to see Order Counts
  • and the values for each bin would be the various statuses 

So with my example data I would expect to have a bin for 05/01/2018 that shows a column that represents my hold status that indicates a count of 5.  On 05/02/2018 I would expect the bin to have 2 columns: a column with a count of 1 for In Process and a column with a count of 1 for Pending.  I haven't been able to figure out how to configure the chart to make this work properly and, something else that is weird, the chart only displays one of the data points for 05/02 regardless of how I manipulate the code. 

var ds = new kendo.data.DataSource({
    data: data,
    group: {
        field: "SubmittedDate"
    },
    schema: {
        model: {
            fields: {
                SubmittedDate: {
                    type: "date"
                },
                OrderCount: {
                    type: "number"
                },
                OrderStatus: {
                    type: "string"
                }
            }
        }
    }
});
$("#columnChart").kendoChart({
    dataSource: ds,
    legend: {
        position: "bottom"
    },
    series: [{
        type: "column",
        field: "OrderCount",
        categoryField: "OrderStatus"
    }]
});

 

If it matters the date field is represented as MM/dd/yyyy in the JSON object. Any help would be greatly appreciated!  

 

 

Tsvetina
Telerik team
 answered on 01 Jun 2018
19 answers
1.7K+ views

Hello

 I am working on Including KendoSortable in my Kendo UI Grid. I am able to add it on a radio button select event (as below). 

 http://demos.telerik.com/kendo-ui/sortable/integration-grid

 This is how I am able to add it:

 currentGrid.table.kendoSortable({
                filter: filter,
                cursor: "move",
                ignore: ignore,
                hint: $.noop,
                //hint: function (element) { //customize the hint
                //    return element.clone().addClass("hint");
                //},
                placeholder: function (element) {
                    return element.clone().addClass("k-state-hover").css("opacity", 0.65);
                },...............

 How can I remove it and re-add it dynamically, say on addSortable and removeSortable radio button click events.

Thanks.

Stefan
Telerik team
 answered on 01 Jun 2018
5 answers
343 views

Hi,

How can I customize the diagram background? I would like to draw some horizontal bands with custom size, specific background colour and border to separate the diagram boxes levels. I would like to achieve something like "https://www.telerik.com/products/winforms/diagram.aspx" in section "Shapes, Container Shapes and Connections". On that page we have a sample with separation for "First Game", "Second Game" etc.

Tsvetina
Telerik team
 answered on 31 May 2018
3 answers
971 views

Hello.

I pulled Kendo down from npm however webpacking kendo.all.js results in a 3MB file so I would prefer to only pack the controls that my application is going to utilize. I found this link which shows all of the script dependencies so, the chart for example, I assume I could pack that up like:

const path = require('path');
module.exports = {
    entry: './node_modules/@progress/kendo-ui/js/kendo.dataviz.chart.js',
    output: {
        filename: 'kendo.js',
        path: path.resolve(__dirname, 'wwwroot/js')
    }
};

 

but what is the preferred approach to bundling multiple controls?

Dimitar
Telerik team
 answered on 31 May 2018
1 answer
315 views

Hi.

We're using multiple Kendo UI Editor controls on a page. Each editor control have a custom toolbar set.

We're experiencing quite a slow load. 

Here's an example with 4 editor controls. Using the Chrome Performance tool, it takes an estimated 4-5 seconds to load the empty controls. Sometimes as much as 8 seconds.

https://dojo.telerik.com/aMUcArob

We're running Kendo UI 2018 R1. But switching to the later versions doesn't seem to make a difference.

What can we do to speed up the controls? Is this what should be expected?

 

 

Nencho
Telerik team
 answered on 31 May 2018
10 answers
1.0K+ views
Hi,

I am using version 2013.2.716 of kendo dataviz and I have a chart with several series in it that is based on quite a large volume of data (approximately 1000 points in total). It takes anything up to 5 seconds to render and the UI is unresponsive while this is taking place.

Are there any events for the chart to signify pre and post render? Something along the lines of requestStart/requestEnd that you have for a data source?

Also, Is there anything that can be done in terms of the UI becoming unresponsive while the chart is being rendered? I have seen that in your roadmap that you are looking at performance improvements which would be great.

Thanks

Chris

Tom
Top achievements
Rank 1
 answered on 31 May 2018
5 answers
197 views

Hi,

Is it possible to configure the "HorizontalSeparation" between diagram elements (shapes) for every diagram level?

If parent diagram element is wide and all it's childs are not so wide, then parent elements are overlapping.

Example with this problem can be found here: https://dojo.telerik.com/erAFiwIB/2

Konstantin Dikov
Telerik team
 answered on 31 May 2018
1 answer
90 views

Hello!

I would like to display the chart every 2,000 ms (with animation).

Is there a way?

Stefan
Telerik team
 answered on 31 May 2018
1 answer
1.5K+ views

Hi Team,

I am using attribute for column definition like below and giving class for entire column. But not getting how to give cell class based on condition like for index 3 I wanted class for particular column cell.

attributes: { "class": "my-class"},

 

Thanks in Advance,

Jose

Stefan
Telerik team
 answered on 31 May 2018
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?