Highcharts not defined on highcharts-more.js file - highcharts

I have the minified highcharts-more.js and the error is ocurring in the last piece of code:
Declaration:
<script type="text/javascript" src="./js/highcharts/highcharts.js" async></script>
<script type="text/javascript" src="./js/highcharts/highcharts-more.js" async></script>
And the last piece of code:
return d})})()})(Highcharts);
Highcharts is pointed as not defined.
Already tried a couple of things but can't make this work.

Related

Highcharts maps (even samples) don't work

Running MacOS 10.13.5 and Windows 10 in Parallels. Load Highcharts samples from https://www.highcharts.com/maps/demo/color-axis ... the map background is gray and the states only fill in as I mouse over them.
This happens in both MacOS and in Windows. Screenshot is from Highcharts site.
EDIT Per comment I edited to look like this (since I display both charts and maps from same module):
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.1.1.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/highcharts-more.js"></script>
<script src="https://code.highcharts.com/highcharts-3d.js"></script>
<!-- USE MASTER BRANCH OF HIGHCHARTS MAPPING AND NOT RELEASE VERSION **** TEMP *** https://stackoverflow.com/questions/51051239/highcharts-maps-even-samples-dont-work
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.3.6/proj4.js"></script>
-->
<!--
<script src="http://code.highcharts.com/maps/modules/map.js"></script>
<script src="http://code.highcharts.com/maps/modules/data.js"></script>
-->
<script src="https://github.highcharts.com/master/maps/highmaps.js"></script>
<script src="https://github.highcharts.com/master/maps/modules/data.js"></script>
<script src="https://github.highcharts.com/master/maps/modules/exporting.js"></script>
<script src="https://github.highcharts.com/master/maps/modules/offline-exporting.js"></script>
<script src="https://code.highcharts.com/mapdata/countries/us/us-all.js"></script>
But I get error 16. I assume I should pull all the libs from github but it looks like as well some of the names have changed?
It seems that this bug is already fixed on master branch of Highcharts:
<script src="https://github.highcharts.com/master/maps/highmaps.js"></script>
<script src="https://github.highcharts.com/master/maps/modules/data.js"></script>
<script src="https://github.highcharts.com/master/maps/modules/exporting.js"></script>
<script src="https://github.highcharts.com/master/maps/modules/offline-exporting.js">
Live demo: https://jsfiddle.net/BlackLabel/teazgj5r/
Fix will be included in the next release of Highmaps.

Why is "Download CSV" repeated in my charts dropdown?

I can't figure out why Download CSV and Download XLS are repeated in my Highstock chart. Here are my links:
<script src="/Scripts/HighStock/highstock.js" type="text/javascript"></script>
<script src="/Scripts/HighStock/highcharts-more.js" type="text/javascript"></script>
<script src="/Scripts/HighStock/modules/no-data-to-display.js" type="text/javascript"></script>
<script src="/Scripts/HighStock/modules/boost.js" type="text/javascript"></script>
<script src="/Scripts/HighStock/modules/exporting.js" type="text/javascript"></script>
<script src="/Scripts/HighStock/modules/export-csv.js" type="text/javascript"></script>
Any help is appreciated.
I found my problem. I had a duplicate link to csport-csv.js in my html. It was hiding somewhere I didn't think to look. Once it was removed the chart displayed the expected choices.

Dart js-interop not working if .dart file isn't included

After announcing new strategy for Dart, i decided to change include from
<script type="application/dart" src="/dart/script.dart"></script>
to
<script type="text/javascript" src="/dart/script.dart.js"></script>
But in that case js-interop seems broken. dart:js.context is empty.
Is there any workarounds for this?
It looks like you are missing this script tag:
<script data-pub-inline src="packages/browser/dart.js"></script>
There is also an open issue to fix this http://dartbug.com/23005

Emberjs-1.0.0 app - Uncaught TypeError: Object [object Object] has no method 'applyPartial'

I am using the latest canary build of Emberjs-1.0.0 and Ember-data 1.0.0-beta-2 on a rails-4 app. When I use this jsfiddle with the exact code in emberjs app from the rails app, no error is thrown, but when I start the rails app and try to go to the index page of the ember-app, it will throw the error Uncaught TypeError: Object [object Object] has no method 'applyPartial'
Nothing else is mentioned making it hard to debug or pin down the exact issue. I have removed turbo-links, so it is not a factor here.
Based on the uncaught exception thrown, it boils down to this line in emberjs
https://github.com/emberjs/ember.js/blob/8624e8513a8db0294856cd3f559127dd7a7820b3/packages/ember-runtime/lib/system/core_object.js#L147
Class.PrototypeMixin.applyPartial(Class.prototype);
This screenshots are based on the emberjs-app not loading from within a rails-4 app
A screenshot of the callstack, here is shows superclass as Store, other times it shows unknownMixin
#Jeremy here is the full list of tags that appear in my page after rendering. I got this via view page source I have ran rake tmp:clear rake assets:clean, but the problem is still there
<script src="/assets/jquery.js?body=1"></script>
<script src="/assets/jquery_ujs.js?body=1"></script>
<script src="/assets/handlebars.js?body=1"></script>
<script src="/assets/ember.js?body=1"></script>
<script src="/assets/ember-data.js?body=1"></script>
<script src="/assets/application.js?body=1"></script>
<script src="/assets/store.js?body=1"></script>
<script src="/assets/models/users.js?body=1"></script>
<script src="/assets/controllers/application_controller.js?body=1"></script>
<script src="/assets/controllers/login_controller.js?body=1"></script>
<script src="/assets/controllers/signup_controller.js?body=1"></script>
<script src="/assets/controllers/user_controller.js?body=1"></script>
<script src="/assets/controllers/user_edit_controller.js?body=1"></script>
<script src="/assets/controllers/users_controller.js?body=1"></script>
<script src="/assets/templates/application.js?body=1"></script>
<script src="/assets/templates/index.js?body=1"></script>
<script src="/assets/templates/login.js?body=1"></script>
<script src="/assets/templates/signup.js?body=1"></script>
<script src="/assets/templates/user.js?body=1"></script>
<script src="/assets/templates/user/edit.js?body=1"></script>
<script src="/assets/templates/user/index.js?body=1"></script>
<script src="/assets/templates/users.js?body=1"></script>
<script src="/assets/templates/users/index.js?body=1"></script>
<script src="/assets/router.js?body=1"></script>
<script src="/assets/routes/application_route.js?body=1"></script>
<script src="/assets/routes/authenticated_route.js?body=1"></script>
<script src="/assets/routes/login_route.js?body=1"></script>
<script src="/assets/routes/signup_route.js?body=1"></script>
<script src="/assets/routes/user/edit_route.js?body=1"></script>
<script src="/assets/routes/user/index_route.js?body=1"></script>
<script src="/assets/routes/user_route.js?body=1"></script>
<script src="/assets/routes/users/index_route.js?body=1"></script>
<script src="/assets/routes/users_route.js?body=1"></script>
<script src="/assets/app.js?body=1"></script>
<script src="/assets/lib/development/ember-data.js?body=1"></script>
<script src="/assets/lib/development/ember.js?body=1"></script>
<script src="/assets/lib/production/ember-data.js?body=1"></script>
<script src="/assets/lib/production/ember.js?body=1"></script>
<script src="/assets/note_books.js?body=1"></script>
<script src="/assets/notes.js?body=1"></script>
Since you have ember-rails in your Gemfile you're probably getting the version of Ember that it provides, not the one that lives in app/assets/javascripts/lib/development. You can load /assets/ember.js in your browser to verify. If you want to make sure you get your custom version you should use this in application.js
//= require lib/development/ember
Alternatively to be extra sure, you could remove ember from application.js completely and include the latest canary ember directly in your layout.
<script type='text/javascript' src="http://builds.emberjs.com/canary/ember.js"></script>
[UPDATE] : OK, the problem is that you're including ember.js multiple times (and possibly with multiple versions). I missed it when you first posted your bit list of script tags, but if you look at that closely you'll see that Ember and Ember Data are included at the top (lines 4 and 5 of the scripts), and then they're each included two mored times at the bottom.
...
<script src="/assets/ember.js?body=1"></script>
<script src="/assets/ember-data.js?body=1"></script>
...
<script src="/assets/lib/development/ember-data.js?body=1"></script>
<script src="/assets/lib/development/ember.js?body=1"></script>
<script src="/assets/lib/production/ember-data.js?body=1"></script>
<script src="/assets/lib/production/ember.js?body=1"></script>
...
My guess is that application.js is requiring ember once on purpose with
//= require ember
And then it's getting picked up again with a require_tree
//= require_tree .
Usually you want to store external libraries (code that you do not personally maintain) in the vendor directory of your app. This would allow to still use require_tree to get all of your own javascript included in one shot. In my project that uses ember-rails my structure looks like this:
app
assets
javascripts
# All my own stuff goes here
vendor
assets
ember
development
ember.js
ember-data.js
production
ember.js
ember-data.js
ember-rails will find the versions in vendor if you just use require ember in application.js. You'll want to make sure that you set config.ember.variant in each of your config/environments/*.rb files. For instance in config/environments/development.rb you'll need to add this :
config.ember.variant = :development

TypeError: $("#datepicker").datepicker is not a function

Ive read the other questions about this and I know that this is related to date picker not loaded on the page. however I would like to know how to figure out which functions have loaded with JQuery.
The code I'm using is quite basic so I'm not certain why this is failing anyways:
<script type='text/JavaScript' src='jquery.js'></script>
<script type='text/JavaScript' src='jquery.ui.core.js'></script>
<script type='text/JavaScript' src='jquery.ui.widget.js'></script>
<script type='text/JavaScript' src='jquery.ui.datepicker.js'></script>
<script src='jquery.validate.js' type='text/javascript'></script>
<link href='jquery_ui_base\jquery.ui.all.css' rel='stylesheet' type='text/css'>
<script type='text/javascript'>
jQuery(function() {
calender();
});
function calender(){
$( '#datepicker' ).datepicker()
}
</script>
this usually happens when the jquery core and/or the datepicker js is not being loaded.
check if it's loading (a 200 response). Make sure you have the correct paths and proper read permissions.
also, make sure the jquery core is loaded before the datepicker, and that datepicker is loaded before $( '#datepicker' ).datepicker() .
Also, you could try uploading a new version of datepicker.

Resources