Hi all,

I have to develop a matrix diagram which visualises certain management data. It is possible to build such a diagram with any Kendo Widget?

Hi there,

I have a pie chart which has been working fine and now seems to be rendering blank everytime.  I've tried to undo what code changes I've made but can't get it to render at all, and I have tried everything I can think of to get it rendering.  It gets data from an MVC controller which is definitely returning data ok, and there is a databound event which is definitely getting called correctly.  There are no console errors in the browser's debug tools either - so everything seems ok except it renders blank!  Looking at the markup - the main wrapper div for the control is rendered but none of the content nested inside it.  Please can you give me advice on how to go about debugging this.  I've copied below the view code, the markup generated when run, and also some JS functions called.

 === VIEW ===

<td>
            @( Html.Kendo().Chart<TEAMSPortalV2.Models.RecommendedActionPieChartModel>()
                .Name("recommendedActionPie")
                .ChartArea(chartArea => chartArea
                    .Background("#EFF7FB")
                    .Height(240)
                    .Width(240)
                )
                .Legend(legend => legend
                    .Visible(false)
                )
                .DataSource(ds =>
                    {
                        ds.Read(read => read.Action("RecommendedActionPieChart", "Reporting").Data("getAdditionalData"));
                        ds.Sort(sort => sort.Add(model => model.category).Ascending());
                    }
                )
                .Tooltip(tooltip => tooltip
                    .Visible(false)
                )
                .Legend(legend => legend
                    .Visible(true)
                    .Position(ChartLegendPosition.Bottom)
                )
                .Series(series => series
                            .Pie(model => model.Share, model => model.category, model => model.Color)
                    .Padding(0)
                    .Labels(labels => labels
                        .Visible(true)
                        .Template("#= value # (#= dataItem.PercentageField #)")
                        .Align(ChartPieLabelsAlign.Column)
                        .Position(ChartPieLabelsPosition.Center)
                    )
                )
                .Events(events => events
                    .DataBound("onDataBound_recommendedActionPie")
                )
            )
        </td>

 === JS ====

// append JobID to controller call for getting rec action pie chart data
    function getAdditionalData() {
        var scheduler = $("#recommendedActionPie").data("kendoChart");

        var tempJobID = @Model.JobID.ToString();   // for some reason you can't semm to do this in a single statement below :(
        var result = {
            JobID:tempJobID
        }
        return result;
    }

    // if no data found, display a no data message instead
    function onDataBound_recommendedActionPie() {
        //get the chart
        var chart = $("#recommendedActionPie").data("kendoChart");
        //check if the datasource is empty
        if(chart.dataSource.data().length == 0) {
            $('#recommendedActionPie').parent().html('No data available');
        }
    }

====RENDERED MARKUP FOR CHART====

<div class="k-chart" id="recommendedActionPie"></div>
<script>
jQuery(function(){jQuery("#recommendedActionPie2").kendoChart({"dataBound":onDataBound_recommendedActionPie,"chartArea":{"background":"#EFF7FB","height":240,"width":240},"legend":{"position":"bottom","visible":true},"series":[{"name":"Share","type":"pie","field":"Share","categoryField":"category","colorField":"Color","padding":0,"labels":{"template":"#= value # (#= dataItem.PercentageField #)","visible":true,"position":"center","align":"column"}}],"dataSource":{"type":(function(){if(kendo.data.transports['aspnetmvc-ajax']){return 'aspnetmvc-ajax';} else{throw new Error('The kendo.aspnetmvc.min.js script is not included.');}})(),"transport":{"read":{"url":"/Reporting/RecommendedActionPieChart","data":getAdditionalData,"type":"POST"},"prefix":""},"sort":[{"field":"category","dir":"asc"}],"schema":{"model":{"fields":{"Share":{"type":"number"},"VisibleInLegend":{"type":"boolean"},"Color":{"type":"string"},"category":{"type":"string"},"SortOrder":{"type":"number"},"PercentageField":{"type":"string"}}}}},"tooltip":{"visible":false}});});
</script>

Thanks, Mark

Hello

I have a problem with the ExportAsPdf function for the kendo Grid.

On set the AllPages parameter to true, the result of the exported pdf is not printed as expected.

As you can see in the first attach file, the second page has the values overflappeds with the values of the first page i think.

Inb the scecond attach you will find the part of code that I'm using to export the grid with an external button

 Thanks

Hi,

I have a "two levels" tabstrip :
- Level 1 with 4 tabs
- Level 2 with about 10 tabs, in each level 1 tabs

A menu / Submenu.

So, when we activate each entry (one by one), dom is huge and the browser (Chrome / Firefox and IE) "lags". 
When all tabs were activated, we can hardly navigate.

So, i want to clear the dom, when I activate a level 1 tab.

Is there a "clean solution" to do this ? All content, kendo object... Etc. have to be clear / destroy.

Many thanks,

Regards, 

hi..

I have one view page along with charts and contents. How can I export to pdf that complete view page along with charts using angularJs?

here is the example  with jquery.

http://demos.telerik.com/kendo-ui/chart-api/export

Hi,

 I try setting the filter property in markup but doesn't do too much. 

Setting it from jquery works fine. Am I using wrong attribute name?

Thanks

Hello,

how do I make it so that I can't choose the option 'none' from a resource in the scheduler?

The database 'C:\PROGRAM FILES (X86)\TELERIK\UI FOR ASP.NET AJAX Q2 2015\LIVE DEMOS\APP_DATA\TELERIK.MDF' cannot be opened because it is version 655. This server supports version 612 and earlier. A downgrade path is not supported.
Could not open new database 'C:\PROGRAM FILES (X86)\TELERIK\UI FOR ASP.NET AJAX Q2 2015\LIVE DEMOS\APP_DATA\TELERIK.MDF'. CREATE DATABASE is aborted.

There are a few post on this but no actual solution.

File .mdf is confirmed exists in the location

The following SQL are confirmed installed:

- MS SqL Server 2014 Express LocalDB

- MS SQL Server 2012 Express LocalDB

- MS SQL Server 2005

- MS SQL Server 2008 (64-bit)