internet-explorer-8


some jqplot renderers not working in IE8


I've a Spring based webapp where I am presenting json response data into graphs using jqplot.
Having some specific problems when running application in IE8, NOTE-same implementation works fine in IE9.
These specific problems are -
point labels not showing in IE8 even after adding pointLabels plugin file.
highlighter tooltip implementation not working in IE8 even after adding highlighter plugin file
enhanced legend renderer features - toggle, numberColumns not working
bar graph do not show bar when list has only one value [shows ticks, legend though]
animate not working
curve not getting formed by smooth option, straight lines come instead
Is there some known problem with these jqplot renderers + IE8. Anyone else faced similar problems with ie8? any solution!
Possible that I may be missing some important setting here.
plugins included -
"plugins/jquery.min.js",
"plugins/jquery.min.js",
"plugins/jquery.jqplot.min.js",
"plugins/jqplot.barRenderer.min.js",
"plugins/jqplot.categoryAxisRenderer.min.js",
"plugins/jqplot.pointLabels.min.js",
"plugins/jqplot.pieRenderer.min.js",
"plugins/jqplot.donutRenderer.min.js",
"plugins/jqplot.dateAxisRenderer.js",
"plugins/jqplot.canvasTextRenderer.js",
"plugins/jqplot.enhancedLegendRenderer.min.js",
"plugins/jqplot.highlighter.min.js",
"plugins/jqplot.canvasAxisTickRenderer.js",
"plugins/jqplot.dateAxisRenderer.js",
"css/jquery.jqplot.min.css",
"plugins/jquery_ui/ui/themes/smoothness/jquery-ui.css",
"jquery.jqplot.css"
graph renderers used: bar,line, pie only
sample renderer options object being set in my impltn-
r={
/*constant field - for the default theme based colors specified in the component's 'var' file*/
seriesColors: seriesColors,
seriesDefaults:{
/* r.seriesDefaults.renderer
* variable field - depending on the dashbard type and graph type asked for*/
renderer:$.jqplot.BarRenderer,
/* r.seriesDefaults.rendererOptions
* variable field - depending on the dashbard type and graph type asked for*/
rendererOptions: {
fillToZero: true,
barMargin : 50,
barWidth: 10,
barPadding: 5,
/* r.seriesDefaults.rendererOptions.smooth
* variable field - depending on the dashbard type and graph type asked for*/
smooth:true,
animation:{show:true}
},
showMarker:false,
pointLabels:{
show:true,//<<<<<<<<<< problem here - do not work in IE8
stackedValue: false //[true - for showing values above the stacked bars]
}
},
axes: {
xaxis: {
renderer: $.jqplot.CategoryAxisRenderer,
borderColor: "#ff1111",
borderWidth: 7,
rendererOptions:{
show: true
},
/* r.axes.xaxis.ticks
* variable field - depending on the dashbard type and graph type asked for*/
ticks: data_xAxis_ticks,
tickRenderer: $.jqplot.CanvasAxisTickRenderer,
tickOptions:{
angle:-30,
formatString:'%b-%#d\' %y'
}
},
yaxis: {
autoscale:true
}
},
series:{
renderer:$.jqplot.BarRenderer
//neighborThreshold: -10 //gives unnecessary gap when bars get stacked
},
legend: {
renderer: $.jqplot.EnhancedLegendRenderer,//<<<<<<<<<< problem here - do not work in IE8
show: true,
rendererOptions:{
numberColumns:2 //testing:works//<<<<<<<<<< problem here - do not work in IE8
},
labels:data_legend_labels,
formatString:'%b-%#d\' %y',fontSize:'10pt', fontFamily:'Tahoma'
//placement: 'outside'
},
grid: {
drawGridLines: true, // whether to draw lines across the grid or not.
gridLineColor: '#dddddd', // *Color of the grid lines.
background: '#ffffff', // CSS color spec for background color of grid.
drawBorder:false,
shadow: false
//borderColor: '#999999', // CSS color spec for border around grid.
//borderWidth: 2.0
},
highlighter: { //<<<<<<<<<< problem here - do not work in IE8
show: true,
showMarker:false,
tooltipContentEditor:function(str, seriesIndex, pointIndex, jqPlot) {
str.split(",");
var v=str.substr(2,str.length - 1);
return (r.legend.labels[seriesIndex]+"<br>"+v);
}
},
cursor: {
show: false
}
};

Related Links

Prototype /jQuery no conflict IE8 problem with lightview and rotator
jQuery tools validator affects `event.target behavior`
TinyMCE 3.3.8 paste from word doesn't work on IE8
How do I get modernizr to work with respond.js?
IE changes the size of my background image
Information Bar appears in IE8 while downloading
JQGrid IE8 Error: “12030 Unknown”
watir - file_field not working when running on server
Processing script in IE8
Shadow & Opacity In css3 For IE8 (Not Match)
IE8 Cufon.replace Text Shadow Issue
IE8 z-index glitch - cant seem to find a working solution
Selenium 2 WebDriver implementation not handling expandable menus correctly
Issue loading XML + Flash Player 10.0.45.2 on Windows XP SP3 with IE8
explorer not showing xml
Javascript document.form.submit() not working with Firefox 4.0 and IE8

Categories

HOME
python
cluster-computing
sass
angular-cli
scipy
visual-studio-2013
backup
vlc
rocketmq
yocto
file-io
pjsip
typeahead
cloudflare
reduction
python-unicode
pyyaml
google-people
chocolatey
vs2017
tortoisegit
jconsole
uiautomator
jquery-form-validator
dspic
spring-ws
restfb
non-deterministic
jenkins-job-dsl
metis
classpath
roundcube
encase
getjson
read-write
exponential
pyscripter
spreedly
shapes
bigcartel
swagger-editor
coreclr
dojox.mobile
matlab-cvst
prototypejs
defold
gauss
istorage
android-bitmap
fontconfig
mercury
gmt
iostat
multifile-uploader
image-editing
gemini
picking
axes
magento-1.4
license-key
servlet-3.0
wikitext
code-readability
registrykey
windowlistener
base32
prezto
chaining
c++-actor-framework
dmp
method-overriding
csplit
dache
slick-2.0
convex-polygon
nsmatrix
multiple-login
grunt-contrib-compass
fraud-prevention
qss
zend-lucene
appfog
wpdb
angularjs-timeout
n-layer
rose-db-object
law-of-demeter
nssavepanel
electronic-signature
executable-format
goliath
smooth
pureftpd
chatroom
surefire
task-management
aio
iphone-sdk-3.2
openwysiwyg
gears
hardware-infrastructure
cots

Resources

Mobile Apps Dev
Database Users
javascript
java
csharp
php
android
MS Developer
developer works
python
ios
c
html
jquery
RDBMS discuss
Cloud Virtualization
Database Dev&Adm
javascript
java
csharp
php
python
android
jquery
ruby
ios
html
Mobile App
Mobile App
Mobile App