Chart does not render in IE7 or IE8

[Trevor]

I can't seem to get the chart to render in IE (above mentioned versions).  It does work fine in chrome.  Any ideas?  The script below simply creates a datasource in a server side class and returns the data to create a pie chart.

 {edit} I was able to display a chart in IE8 but only if I copied my script/html into a .HTM file.  If I run the same "code" in an ASPX file within my asp.net application it fails within one of the .js files.  Does this mean that this particular set of lightweight UI controls would not work using asp.net?

 

var graphData = new kendo.data.DataSource( {

 

transport: {

read: {

type:

 

"POST",

 

url:

 

"data_reader_webservice.asmx/GetDataJSON",

 

data: { DeviceID: $(

 

"#deviceList").data("kendoDropDownList").value(),

 

ParameterID: $(

 

"#parameterList").data("kendoDropDownList").value(),

 

startDate: $(

 

"#startDate").data("kendoDatePicker").value(),

 

endDate: $(

 

"#stopDate").data("kendoDatePicker").value()

 

},

contentType:

 

"application/json; charset=utf-8",

 

dataType:

 

"json"

 

},

parameterMap:

 

function (options) {

 

 

 

return JSON.stringify(options);

 

}

},

schema: {

data:

 

"d",

 

model: {

fields: {

ParameterID: { type:

 

"string" },

 

ParameterName: { type:

 

"string" }

 

}

}

},

error:

 

function (e) {

 

alert(e[0].responseText);

}

});

graphData.read();

$(

 

"#chart_test").kendoChart({

 

title: { text:

 

"Tha Chart!" },

 

chartArea: { width: 600, height: 400 },

seriesDefaults: { type:

 

"pie" },

 

dataSource: graphData,

series: [{field:

 

"ParameterValue", name: "value"}],

 

categoryAxis: { field:

 

"DeviceID", name: "id" }

 

 

});

[Trevor]

in case someone comes across this problem, the fix was to use version 1.7.1 of j-query.min.js which was not part of the download when getting a trial version last week.