score:2
If you had read the documentation on Highmaps or taken a look at their Fiddle of that demo: you could have read / seen that Highmaps uses jQuery. In your Fiddle, you're not loading jQuery thus Highmaps won't work and your call to $.getJSON
will also fail. This throws a lot of errors to your console window, check your devtools.
Second the URL you're requesting:
$.getJSON('http://shearanalytics.net/test.geojson', function (data) {
...
});
does not allow to be loaded via XHR from another domain, which throws the following error to your console:
XMLHttpRequest cannot load http://shearanalytics.net/test.geojson. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://fiddle.jshell.net' is therefore not allowed access.
You'll need to save that file and run it from the same domain as where you are hosting your page/scripts. You can't run/test that in a JSfiddle.
I'de read up on debugging if i was you, so you can learn to spot these mistakes. Don't know what browser you are using but this should get you started:
Chrome: https://developer.chrome.com/devtools/docs/console
Firefox: https://developer.mozilla.org/en-US/docs/Tools/Web_Console
Internet Explorer: https://msdn.microsoft.com/library/ie/bg182326(v=vs.85)
Source: stackoverflow.com
Related Query
- GeoJSON Not Working with Highmaps
- c# WPF Webbrowser with Highchart, Javascript from external source not working "An error has occurred in the script on this page"
- JavaScript code inside TypeScript file .ts not working
- Highcharts - update column graph with setData() not working
- jsPDF addHTML method not working with no error message
- Pie chart with drilldown not working
- HighChart with large amount of data not working
- Highcharts buttons with different menuitems not working
- DotNet.Highcharts not working with Visual Studio 2010
- Second popup representing Highchart not working on leaflet geojson polygon
- Highmaps min/max color not working as expected
- legendItemClick not working in highMaps
- Highcharts-Angular not working with Angular Universal
- Date.parse() not working with highchart
- Uncaught TypeError: $(...).highcharts is not a function in aspx web page with master page but it is working with basic html page
- Update chart with HighchartsReact is not working when a timer is used in React
- High charts (Time Series Zoomable) not working with my data
- Angular5 - Responsive Highcharts with configuration is not working
- my highchart is currently is not working with pie spline chart in updating after rendering chart
- Tooltip in highmaps is not working .Unable to show the data from the json onto the highmap
- HighChart with large amount of data(complex structure) not working
- Highstocks period scroll not working with jQuery tabs in IE
- Stacked Column Highchart with Angular6 is not working
- Creating a bubble map from custom GeoJson with Highcharts / Highmaps
- HighChart is not working with multiple axis
- Highcharts, multiple scatter series dates not working with stacking
- child_process.execFile is not working with phantomjs and highcharts-convert.js
- Highcharts + Highmaps module not working
- HighStock "xRange" chart is not working with older version library(HighStock)
- jQuery Highcharts not working with JSF 2.0
More Query from same tag
- allowOverlap property for Highcharts JS v3.0.10
- Highcharts Data Parsing List of lists
- "HighCharts not showing in IE, works well with mozilla, chrome"
- Highcharts distorsion
- Repeated values in x axis in dotnet highchart controls
- building highcarts options in views.py
- Override tick interval calculation in Highcharts?
- highcharts tooltip not working properly for hacked gantt chart
- Can I let a data value null in highcharts?
- disappearing highstock series
- High Charts - Populating Data From Array
- Import Highcharts module SvgRenderer failed
- highcharts; add arbitrary data which lasts when rendered
- Multiple data in a category in a spline graph
- Style Highchart line chart from psd
- How to get data in Highstock from PHP MySQL data on AJAX call
- Highcharts colorAxis - Hide or add dynamically
- HighCharts Angular 8 | yAxis problem with FireFox and IE
- Highchart doesn't show series group in IE8
- highchart change color of single bar in single category
- Highcharts datalabels Float Number including Zero after dot: x.0 not only x (exact decimals as in inputdata)
- Plotting using highcharts.js labels are being rendered off-center in stead of being centered
- Highcharts - Should Is use data labels or annotation or something else and how?
- Process json data to generate bar graph
- How can i change symbol in tooltips on a chart? HIGCHARTS
- How to place 2 div one next the other one
- Highcharts: set 'select' state on a point and maintain it after mouseover?
- How to render Gantt Highchart from data source
- Formatting the year in highcharts
- Creating A MultiSeries Bar Chart With Different Number of Series For Each Item