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

Chart is not displayed

1 Answer 230 Views
Chart
This is a migrated thread and some comments may be shown as answers.
Mohammad
Top achievements
Rank 1
Veteran
Mohammad asked on 09 Jan 2019, 10:25 AM

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.

1 Answer, 1 is accepted

Sort by
0
Tsvetomir
Telerik team
answered on 10 Jan 2019, 02:11 PM
Hi Mohammad,

Based on the provided code snippets, I created an ASP.NET Core project and it appears that the Chart is displayed as expected. Here is a screenshot of the Chart:

https://www.screencast.com/t/18hpEmqA8

Can you ensure that the HTML div in which the chart is wrapped does not interfere with the creation of the chart itself? Also, can you confirm that there are no JavaScript errors thrown in the console of the DevTools developer tools of the browser?

Attached, you can find the project which I have used to examine the case. The chart's declaration is located inside the Index.cshtml file inside the Views folder of the project. Can you modify it in order to replicate the issue and send it back to me? This would enable me to debug the problem locally and provide an accurate and clear-cut solution.


Kind regards,
Tsvetomir
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
Chart
Asked by
Mohammad
Top achievements
Rank 1
Veteran
Answers by
Tsvetomir
Telerik team
Share this question
or