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
- Highcharts and jQuery Mobile Pages
- Remove step line points
- Creating charts and including them in email, a PHP lib that can render to image?
- Update Chart Colors When Using Styled HighCharts Version
- setting the categories using ajax in highcharts
- Highcharts Navigator Zoom
- Update tickposition on zoom
- Centering a data label in Highcharts Bar Chart
- How to add value in the tooltip in graph Highcharts?
- Highchart Heatmap chart for days in a month
- Is it possible to select a different color for one candlestick?
- Memory heap increases when Chrome tab is inactive
- angular io highchart socket io
- Multiple series data on HighCharts column
- how do i redraw only the Highchart with new API that depends on my Select Option Parameter?
- Highcharts Error while loading solid gauge module
- Ajax dynamic data with column bar chart
- how to put some data option key url on Highchart?
- highcharts-angular dynamically update from DB
- Dynamic highcharts pie chart with drilldown
- How to display fixed tooltip position in a multiple series highchart?
- highchart desing issue regarding linerange on the chart
- Highcharts - Display legend for Pie chart in two columns
- highcharts string in data: [ ]
- Plotting a Highcharts Heat map from irregular data
- highcharts positioning and colour
- High Charts Multiple Line Chart not displaying tooltip for multiple lines
- Does highcharts support displaying groups of columns at different x values?
- How to show correctly ticks to time data in a Pie chart label using highcharts?
- Rails Memory leak using highChart with a lot of data