score:6
remove line chart.render();
when highcharts constructor is called there's no need to call render
implicitly.
score:0
the "not so delicate" solution here, is what finally solved it for me.
settimeout(function() {
$(window).resize();
}, 0);
using highcharts with a wrapper called djangochartit, with python django.
score:1
maybe a little late , but i had the same problem with jquery 1.9.1 and didn't want to downgrade it for highcharts with dotnet.highcharts.
if you crate a new highchart there e.g.
.initchart(new chart
{
defaultseriestype = charttypes.line,
marginright = 130,
marginbottom = 25,
classname = "chart",
events = new chartevents { load = "function(event) { $(document).resize(); }" }
}) .....
you also can use it
var chart = new highcharts.chart({
chart: {
renderto: 'container',
events: {
load: function(event) {
//when is chart ready?
$(document).resize();
}
}
}, ..
. the events line is what you need then you render your chart
i hope it helped, i had some hours to figure it out how it works :)
score:2
using jquery 1.7.2 + highcharts 3.0.2 the problem was solved by using:
var chart = new highcharts.chart({
chart: {
renderto: 'container',
events: {
load: function(event) {
//when is chart ready?
$(window).resize();
}
}
}, ..
this is the almost the same as @revo, but uses the 'window' object instead of 'document'.
score:3
you needn't change any version of highcharts or jquery, if you resize()
your div-container at the end of your script.
for example:
$('#div').resize();
score:6
i had the same problem - after loading the page, the chart didn't display the lines (only the title and legend). after any browser resize or also zooming the chart suddenly appeared.
the problem was with jquery > 1.7 (my version now is 1.8.2) update of the highcharts to the latest version (v2.3.3 (2012-10-04)) fixed the problem (and also other small issues)
score:7
i had exactly the same problem - highcharts js v2.1.5 (2011-06-22) does not work with jquery 1.7.1
after changing to jquery 1.6.1 (the last stable release i used) it worked. someone should check other versions of jquery.
Source: stackoverflow.com
Related Query
- Highcharts jQuery rendering problem - all browsers
- Highcharts Rendering Issues in all broswers
- Highcharts not rendering in jQuery tooltip
- Why code of Horizonal line(y-axis) on a single in Highcharts get applied to all other charts integrated with Webdatarocks
- Highcharts in JQuery Tabs - Resizing hidden tab code stops resizing visible tab
- Dynamically changing Highcharts Theme through Jquery code not working
- Proper way to remove all series data from a highcharts chart?
- Rendering Highcharts using Angular js Directives
- How to display the value instead of percentage in a pie chart using jquery Highcharts
- Highcharts Series - want to show/hide all EXCEPT selected series (reversal of default logic)
- Rendering HighCharts to class instead of id?
- Rounding results in highcharts jquery script
- Loading Highcharts via shim using RequireJS and maintaining jQuery dependency
- jQuery UI Tabs and Highcharts display/rendering issue
- How can i hide all the Series in highcharts at a time
- Highcharts / jQuery - destroy and rebuild chart with original options
- How do you increase the performance of highcharts chart creation and rendering
- Always showing tooltip on all columns in Highcharts
- highcharts jquery dynamic change chart type column to bar
- php: laravel slow view render time when rendering javascript for highcharts
- jQuery datepicker with Highstocks / Highcharts
- jquery calling highcharts generating error 17
- Hide all but selected data series, HighCharts
- Loading Highcharts series from XML using jQuery
- How can I delete all of the points from a highcharts series
- How to Check and Uncheck all the Legend elements in HighCharts Linechart?
- Cannot remove all "series" in highcharts
- Labels are not rendering for plotLines highcharts
- Not rendering VU-meter Gauge chart using HighCharts in Durandal
- Showing HighCharts in A JQuery Mobile application
More Query from same tag
- Highcharts column tooltip - always on top + fit the container
- How to do a if else statement for highcharts in laravel
- Highchart offline export trying to loading libs from online cdn and errors out
- How to add a custom candlestick to highchart stock chart?
- How can i have the same radius for each point of series with hover?
- Highcharts: Too many datapoints in scatter - only circles get rendered
- Highcharts - Drag ColumRange
- add custom conditions in highchart configuration
- Override table cell background color in highcharts-tooltip
- Highcharts: Placement of data labels in the middle of sections of Pie Chart
- Adding only one clickable point to the chart in Highcharts?
- Highcharts not displaying
- Divide y-axis values by 10 onclick
- Highcharts with data from mysql database
- Add new data to a Highchart pie chart dynamically
- Vue.js - Highmaps - Redraw map on series change
- How to draw SVG lines inside HighCharts barcharts?
- Highcharts candlestick chart data over written by that of other
- Highcharts X-Axis labels as Text
- Highchart custom styling
- Highchart multi axes labels not showing
- Highcharts w/React - rendering div not found in JSX
- 'ManyToOneRel' object has no attribute 'parent_model' error with django chartit
- How can I remove the number in the tooltip
- How to change the height of a pane in highstock?
- How to Increase minimum point value and the color of series in advanced accessible charts in Highcharts by making it traverse
- displaying data on heatmap
- Highstock ranged overlay
- HighCharts donut chart drilldown
- HighChart isn't plotting data correctly