Charles
Charles

Reputation: 648

Telerik Line Charts not displaying line on IE9

I have been using Telerik Charts with Asp.net mvc and I have run into a bit of a weird problem. I cant get the lines on a line chart to show up on IE9. It works on all other browsers(Chrome, Firefox, Safari and even IE 7 and 8). I have never run into such a problem before. Any help would be appreciated. This is what my code looks like

<%= Html.Telerik().Chart<AllStars.Models.Charts.MyChart>()
       .Name("chart1")
       .Legend(legend => legend
           .Position(ChartLegendPosition.Bottom)
       )
       .Series(series => {
            series.Line(s => s.value1).Name("Value1").Color("#26a0db");
            series.Line(s => s.value2).Name("Value2").Color("#009900");
            series.Line(s => s.value3).Name("Value3").Color("#E4814F");
        })
       .CategoryAxis(axis => axis
            .Categories(o => o.title)
            .Labels(l => l.Rotation(-45))
       )
       .ValueAxis(axis => axis
            .Numeric().Labels(labels => labels.Format("{0:#,##0}%"))
       )
       .Tooltip(tooltip => tooltip
            .Visible(true)
            .Template("<#= series.name #> : <#= value #>")
       )
       .DataBinding(dataBinding => dataBinding
            .Ajax().Select("DrawChart", "Charts")
       )
       .HtmlAttributes(new {style = "width: 840px; height: 400px;"})
%>

Upvotes: 0

Views: 590

Answers (1)

Charles
Charles

Reputation: 648

K figured out the problem. Since I had the grid within a tabstrip, telerik had some weird thing where it wouldnt show lines with transitions while it is within a tabstrip. It is definitely a telerik bug, but disabling the transitions makes the lines show up again.

Upvotes: 1

Related Questions