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
- How to resize bar chart based on no of x axis categories in HighCharts
- How to properly update the nodes on a Highcharts Sankey?
- Highcharts Gauge Chart display value at tickPositions:
- Is it possible to add image behind doughnut chart with transparency color in ng2chart?
- Highstock, True way of Get count of shown points after setExtreme (Zooming) - WITHOUT counting all data with MIN and MAX
- Changing time zone in Highchart
- remove print button
- Position next and previous buttons on far right and left side of the Highchart
- why HighChart is not visible in asp.net
- Highcharts Tooltip Show Arrow/Caret when followPointer flag is on
- How to add tooltip on the render image in highcharts?
- Highcharts: Styling input-group
- Create a highchart graphic using angular.js
- Highcharts / Highstock scroll bar and Zoom issue
- How to use highmaps in react?
- Multiple charts in separate divs, single range and zoom picker
- Incorrect data point value in highcharts navigator series when extending min and max date
- Odd animation with multiple series
- How to offset HighCharts data?
- How to change tooltip valueSuffix after chart is rendered?
- Retrieve missing column Values
- Is it possible to have the line chart data points in highcharts to be represented as a rectangle instead of a circle?
- How to enable scrollbar in highchart
- Function to draw a polygon from a scatterplot with nested array data
- How do I use verticalAlign on a non-floating title/subtitle?
- column charts first date cut issue
- Spline rendered behind column chart
- Highcharts-serverside-export not rendering graph with Rhino 1.7R3
- adding labels exactly above x-axis categories in highcharts
- Highcharts - no telemetric timeline chart