javascript - highcharts chart works on jsfiddle but fails locally -


I, the code works correctly on jsfiddle, but when I do it fails the test locally conspiracy highchart Have tried to create.

I am using flasks, genus 2 and twitter-bootstrap in my code. Data for High Image is provided by Jens 2 as Jason Dump (marked Safe).

I do not know that my browser is not showing on my browser. I'm testing code on Firefox, so this is not an IE problem.

I am also bringing jquery to highchase.js so import order is fine.

Code: `

  & lt; Script type = "text / javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" & gt; & Lt; / Script & gt; & Lt; Script src = "http://code.highcharts.com/highcharts.js" & gt; & Lt; / Script & gt; & Lt; Script src = "http://code.highcharts.com/modules/exporting.js" & gt; & Lt; / Script & gt; & Lt; Script src = "/ static / bootstrap3 / js / jquery-1.js" & gt; & Lt; / Script & gt; & Lt; Script src = "/ static / bootstrap3 / js / bootstrap.js" & gt; & Lt; / Script & gt; & Lt; Script src = "/ static / bootstrap3 / js / docs.js" & gt; & Lt; / Script & gt; & Lt; Script src = "/ static / js / chart.js" & gt; & Lt; / Script & gt; & Lt; Link rel = "shortcut icon" href = "/ static /" /> & Lt; link href = "// netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel = "stylesheet" & gt; & Lt ;! - Bootstrap core CSS - & gt; & Lt; Link rel = "stylesheet" href = "/ static / bootstrap3 / css / bootstrap.css" /> & Lt ;! - Custom styles - & gt; & Lt; Link rel = "stylesheet" href = "/ static / css / dashboard.css" /> & Lt ;! - HTML5 Symbian and Response.js HTML5 Elements and IE8 support for media queries - & gt; & Lt ;! - [If LT IE 9] & gt; & Lt; Script src = "https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js" & gt; & Lt; / Script & gt; & Lt; Script src = "https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js" & gt; & Lt; / Script & gt; & Lt; [Endif] - & gt; & Lt; Style type = "text / css" id = "holder-style-style" & gt; & Lt; / Style & gt; & Lt; Title & gt; Weekly Report & lt; / Title & gt; & Lt; / Head & gt;  

  & lt; Div id = "percentile" style = "minimum-width: 310px; height: 400px; margin: 0 auto" & gt; & Lt; / Div & gt; & Lt; Script type = "text / javascript" & gt; $ (Function () {$ ( '# percentile') Highcharts ({title :. {text: 'gas used weekly percentile, X: -20 // Center}, xAxis: {Department: [ "Week 4" "Week 5 "," week 6 "," week 7 "], yAxis: {title: {text: 'percentiles'}, Plot Lines: [{value: 0; width: 1, color: '# 808080'}]} fiction : {layout: 'vertical' line: 'right', verticalAlign: 'Medium', BorderWidth: 0}, range: [{name: "25", data [.69499999999999995 0.01, 1.5350000000000001, 2.0175000000000001]}, { name: 50 th ", data [3.2349999999999999, 49999999999998 1.63, 3.25, 3.2599999999999998]}, {name: 75 th", data [4.4925000000000006, 4.4625000000000004, 4.9300000000000006, 4.2575000000000003]}]});}); & Lt; / Script & gt;  

  & lt; / Html & gt; ` 


Comments