Highcharts nicht-rendering im internet explorer

Ich habe ein Problem, scheint nur auf internet explorer 8.

Habe ich die highcharts.js Skript aus http://www.highcharts.com/ zum anzeigen von Daten auf meiner Website habe ich jedoch versucht, sich diese Daten anzeigen lassen, die innerhalb einer lightbox und habe die lightbox_me.js Skript aus http://buckwilson.me/lightboxme/

Werde ich versuchen zu zeigen, den code habe ich verwendet:

<script type="text/javascript">

var chart;
$(document).ready(function() {
chart = new Highcharts.Chart({
chart: {
renderTo: 'analysis',
defaultSeriesType: 'bar',
backgroundColor: 'rgba(0,0,0,0)'
},
title: {
text: ''
},
subtitle: {
text: ''

},
xAxis: {
categories: ['First Impressions', 'Politeness/Courtesy', 'Helpfulness', 'Speed and Efficiency', 'Reliability', 'Trustworthiness', 'Value for Money', 'Quality of service', 'After Sales', 'Overall Satisfaction'],
title: {
text: null
}
},
yAxis: {
min: 0,
max:100,
title: {
text: 'Overall Score (%)',
align: 'middle'
}
},
tooltip: {
formatter: function() {
return ''+
this.y +' %';
}
},
plotOptions: {

bar: {
dataLabels: {
enabled: false
}
}
},

legend: {
enabled: false,
layout: 'vertical',
align: 'right',
verticalAlign: 'top',
x: -100,
y: 100,
floating: true,
borderWidth: 1,
backgroundColor: '#FFFFFF',
shadow: false
},
credits: {
enabled: false
},
series: [{
name: 'Year 2012',
data: [<?php echo "$first_impression".","."$politeness".","."$knowledge".","."$speed".","."$reliability".","."$honesty".","."$value".","."$quality".","."$after_sales".","."$satisfaction"; ?>]
}]
});


});



</script>

Wie Sie sehen können, die ich verwendet habe php einfügen der Werte.

Dann habe ich das lightbox script:

$('#scores_button').click(function(e) {
$('#scores_container').lightbox_me({
centered: true, 
onLoad: function() { 
$('#scores_container').find('input:first').focus()
}
});
e.preventDefault();
});

Dies ist die html:

<div id='scores_container'>

<h1 class='lightbox_header'>Areas of Performance</h1>

<div id='analysis'>

</div>

<p class='lightbox_paragraph'>We asked all repondents to score the business on it's performance in the areas above. This chart shows the average scores in each area.</p>

<a id='close_x' class='close sprited' href='#'>close</a>

</div>

Und schließlich meine CSS

#scores_container {
width:760px;
display:none;
background-color:#f2f5f7;
padding:30px 40px 40px 40px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #536376;
-webkit-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;
-moz-box-shadow:  rgba(0,0,0,.6) 0px 2px 12px;
box-shadow:  rgba(0,0,0,.6) 0px 2px 12px;
position:absolute;
top:0px;
left:0px;
}

h1.lightbox_header{
font-size:22px;
font-weight:bold;
color:#536376;
margin-bottom:20px;
border-bottom:1px solid #cdd0d9;
padding-bottom:10px;
}

#analysis{
width:680px;
height:400px;
}

p.lightbox_paragraph, p.lightbox_paragraph_first{
font-family: 'PT Sans', sans-serif;
font-weight:700;
font-style:italic;
color:#536376;
border-top:1px solid #cdd0d9;
padding-top:10px;
}

Dieser code funktioniert in allen Browsern, die ich getestet habe, aber internet-explorer. Internet explorer 8 ist der browser, den ich benutze, während versuchen, eine Lösung zu finden.

Bitte hier ein Bildschirmfoto wie es scheint, im ie8:

Highcharts nicht-rendering im internet explorer

Ist und wie es erscheint in Google Chrome:

Highcharts nicht-rendering im internet explorer

Meine Gedanken sind, dass es vielleicht mein css das problem verursacht, aber egal was ich versuche ich kann nicht scheinen, um die im Diagramm angezeigt werden. Die chart-container ist auch nicht vertikal zentriert im Browserfenster, aber das ist etwas an dem ich arbeiten kann, auf einmal bekomme ich die Grafik zu Rendern. Jede Hilfe wäre sehr geschätzt werden.

Ich weiß, es ist nicht besonders gut gebaut Website, wie ich bin nur zu lernen, sondern sehen Sie bitte die folgenden link, um die Website selbst, wenn es hilft: http://www.bbg.im/development

Der Fehler Auftritt, auf die Profil-Seiten, wenn das chart-Symbol geklickt wird.

Ich bin auch mit dem gleichen/ähnlichen Problem mit pie-charts und google maps in der gleichen lightbox-script.

Vielen Dank.

  • wo ist auf als show lightbox ...
  • Azad Hallo. Sorry, aber ich bin mir nicht sicher, was Ihr bittet mich. Ich habe ein div mit der id #scores_button, die, wenn geklickt haben, startet die lightbox_me Skript.
  • Ich kann sehen, dass Sie Fehler in Internet Explorer, könnten Sie dieser lib und kopieren Fehler von IE ?
  • Ich werde versuchen, dass jetzt. Kann ich ersetzen Sie einfach meine highcharts-Bibliothek, mit der Sie zur Verfügung gestellt haben?
  • Ja, es ist die gleiche Bibliothek, die nur einen vollständigen source - code-es ist einfacher zu Debuggen. Allerdings, wenn Sie zusätzliche Komma im code - es wird nicht funktionieren.
  • Ok Super, vielen Dank. Werde ich tun, nachdem ich herauszufinden, wo das Komma kommt.

InformationsquelleAutor Richard Bell | 2013-03-20
Schreibe einen Kommentar