score:0
also, make sure "highcharts-more.js" is declared in your html.
<script src="https://code.highcharts.com/highcharts-more.js"></script>
score:0
i loaded script codes after document ready function, and it worked fine.
$(document).ready(function(){
});
score:0
i also run into the same error code, but in my case the reason was my data was too large to supported
score:0
this is an old question, but none of the answers are really satisfactory in my opinion.
i would suggest checking to make sure the chart div exists before rendering the chart.
if($('#'+id).length){ $('#'+id).highcharts({});}
score:0
highcharts cannot find the div with a specified id
. it usually occurs when the library is trying to render the chart, but the div is not yet created in the dom.
you've to debug your code and try to find the information whether that element is present on your site at the moment when highcharts need to use it.
score:1
categories needs to be a collection, it was like this:
categories: xaxis
change it to this:
categories: ['xaxis']
some of the data fields need to be enclosed in single quotes like this:
data: 'blue'
here is a fiddle without any errors for you:
good luck with the rest. :)
ps i sometimes find it easier to edit a working fiddle from the highcharts site and adapt it to what you need. like this one:
score:1
perhaps a bit late to the party, but the default name for the container in highcharts example was 'container'. the browser didn't seem to like that, name clash perhaps, changing to 'chart' did the trick.
score:2
for me error was resolved when i placed the calling script
after the html element.
like;
<div id="container"></div>
<script>
highcharts.chart('container', {
// some script here
});
</script>
also if you check on high chart site it says:
this error occurs if the chart.renderto option is misconfigured so that
highcharts is unable to find the html element to render the chart in.
score:6
i had the same issue and fixed it using the correct container:
in my case i used the following:
// use meteor.defer() to create chart after dom is ready:
meteor.defer(function() {
// create standard highcharts chart with options:
highcharts.chart('charts', {
chart: {
renderto: 'container',
type: 'column',
options3d: {
enabled: true,
alpha: 15,
beta: 15,
depth: 50,
viewdistance: 25
}
},....
}.....
}
template.body.helpers({
createchart: function () {...}
and in the html file:
<div id='charts'>
{{createchart}}
</div>
i found the fix from highcharts: http://forum.highcharts.com/viewtopic.php?f=9&t=15610
regards.
score:13
i faced the same error and what i got to know is that error#13 occurs when highcharts.js tries to access an element which is not present in the dom.
how i fixed it? i made sure that the hightcharts method is called only after my targeted element is created in the dom. bingo!!!! everything worked fine.
Source: stackoverflow.com
Related Query
- How can I fix Highcharts error #13?
- How can I fix the error #17 "The requested series type does not exist" error when trying to display a highcharts graph in Vue.js?
- how can I use rangeselector and navigation in highcharts in the given code
- The RTL language (Arabic) is not working with HighCharts pie chart correctly, how can I fix this?
- Highcharts - How can I put a 100% fix value in the X axis?
- How can I get access to a Highcharts chart through a DOM-Container?
- HighCharts - How can I turn off the points?
- How can I change the colors of my highcharts piechart?
- How can I hide series from a HighCharts legend?
- How can I hide a series from initially being displayed in Highcharts
- How can I force multiple y-axis in Highcharts to have a common zero
- How can i hide all the Series in highcharts at a time
- How can I remove the white border from HighCharts pie chart?
- Highcharts solidgauge : How can I disable gradient fill?
- Highstock: When legend under the chart has many items, the chart height is small. How can I fix the height?
- Highcharts - How can I remove starting and ending padding from area chart
- How can I delete all of the points from a highcharts series
- How to fix "Property 'type' is missing in type but required in type 'SeriesXrangeOptions'" in angular highcharts module
- How can I force highcharts to show every x-axis label regardless of spacing constraints?
- How to output JSON in python so it can be used for Geckoboard's Highcharts plugin
- How can i change highcharts data values by selecting from a dropdown list
- How can i keep the color the same in highcharts
- How can i force Highcharts to use same symbols in Legend and Series?
- Highcharts - How can I decrease space between categories?
- Highcharts : How to fix labels to the top when xAxis rotation is 90°?
- Highcharts error #13: www.highcharts.com/errors/13 how to solve this error
- How can I force ticks/grid lines on a Highcharts datetime X axis to arbitrarily line up with data points?
- How can I hide and show a category in highcharts
- HighCharts Stock Chart error code 18
- How to improve performance of Highcharts and avoid error 15 inspite of sorted data?
More Query from same tag
- Dashboard using highcharts.js
- Highcharts: stacked bar chart with different ranges of scales
- How do I input bar-chart data to an overall pie-chart ? (Highcharts/ JS / jQuery)
- Highcharts : point.key is too long and make chart small
- data from AJAX json request not loading in HighChart
- Highcharts: How to add another(custom) label/ legend/ something else to the top right of the graph?
- highcharter change highlight color on hover
- tickinterval not working high chart for x axis
- Highmaps logo string rendering invalid copyright character
- Can I Create a Single HighCharts Graph from Multiple Data Sources (Multiple GoogleSheets in this case)
- Using Highcharts display donut hightchart having dynamic data
- Highcharts NG show only one point at a time. Animations
- how to import highcharts sub modules in React app
- Add Data text on top of Bars (vertical) - Highcharts Bar charts
- Highcharts datagrouping issue
- how to dynamically update series data using ember-highcharts
- Modify the color of series in highcharts-ng
- What is the solution for Highcharts hover
- How to fade other yAxises in highchart when hover on marker?
- Highcharts column w/ overlapping goal
- Highcharts yLow / yHigh not working
- How can I add a background to a pattern in Highcharts?
- Parse json response for highcharts
- Highcharts Boxplots How to get five point summary?
- Best way to automatically generate highcharts image
- Where should I start learning Highcharts JS?
- Highcharts server side rendering draw a mysterious semi circle donut shape
- HighStock Charts not Working over SSL ie https
- Highcharts different data same chart
- Highstock Make a conditional tooltip