Chart X-Axis Labels getting distorted in IE8

[Nimesh JainParticipant]

The labels are not being rendered correctly in IE8. In chrome it works fine.

Below is code for the same:
` p_ObjScope.DBPortfolioPerf_data = p_PortfolioPerformanceData;
p_ObjScope.DBPortfolioPerf_title = “”;
p_ObjScope.DBPortfolioPerf_description = “”;
p_ObjScope.DBPortfolioPerf_enableAnimations = true;
p_ObjScope.DBPortfolioPerf_showLegend = true;
p_ObjScope.DBPortfolioPerf_toolTipShowDelay = 100;
p_ObjScope.DBPortfolioPerf_toolTipHideDelay = 2000;
p_ObjScope.DBPortfolioPerf_legendLayout = { left: 742, top: 0, width: 330, height: 200, flow: ‘vertical’ };
p_ObjScope.DBPortfolioPerf_padding = { left: 0, top: 10, right: 115, bottom: 0 };
p_ObjScope.DBPortfolioPerf_borderLineColor = ‘White’;
p_ObjScope.DBPortfolioPerf_titlePadding = { left: 0, top: 0, right: 0, bottom: 10 };
p_ObjScope.DBPortfolioPerf_categoryAxis =
{
dataField: ‘ReturnType’,
displayText: ‘ReturnType’,
horizontalDescriptionAlignment: ‘bottom’,
horizontalTextAlignment: ‘right’,
unitInterval: 1,
showGridLines: false,
formatFunction: function (value) {
var l_ObjValue = value;
if (isNaN(l_ObjValue)) {
$.each(p_PortfolioPerformanceData, function () {
if (this.ReturnType == l_ObjValue) {
if (l_ObjValue == “DateRangeInception”) {
l_ObjValue = ‘Since Inception <br> ‘ + p_DateRangeInception;
}
else if (l_ObjValue == “DateRangeYTD”) {
l_ObjValue = ‘Year to date <br> ‘ + p_DateRangeYTD;
}
else if (l_ObjValue == “DateRangeQTD”) {
l_ObjValue = ‘Last Quarter <br> ‘ + p_DateRangeQTD;
}
}
});
}
return l_ObjValue;
},
showTickMarks: false
};
p_ObjScope.DBPortfolioPerf_colorScheme = ‘assetcolor’;
p_ObjScope.DBPortfolioPerf_seriesGroups =
[
{
type: ‘column’,
useGradientColors: false,
enableSeriesToggle: false,
valueAxis:
{
showTickMarks: false
},
series: [
{ dataField: ‘Portfolio’, displayText: ‘Portfolio Return’, color: l_StrPortfolioPerfColor[0], showLabels: false, labelsVerticalAlignment: ‘top’, formatFunction: function (value) { if (isNaN(value)) { return value; } else { return parseFloat(value).toFixed(2) + ‘%’; } } },
{ dataField: ‘CompositeBenchmark’, displayText: ‘Benchmark Return’, color: l_StrPortfolioPerfColor[1], showLabels: false, labelsVerticalAlignment: ‘top’, formatFunction: function (value) { if (isNaN(value)) { return value; } else { return parseFloat(value).toFixed(2) + ‘%’; } } }
]
}
];

[ivailoParticipant]

Hi Nimesh,

Thanks for the feedback.
We will investigate the problem.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts