Highcharts reflow not working. HighCharts offline-exporting module not working.

Highcharts reflow not working and the chart does not reflow. My requirement is my dashboards are resizable so once any div gets resized charts are not getting resized. synkretik Posts: 1 Joined: Tue Feb 18, 2014 5:49 pm. Firefox never work, the containers grow in size but never reduce. Maybe something like Highcharts. Ask Question Asked 1 year, 8 months ago. Using highcharts 3. Why the behavior is changed after upgrade,? Please recreate the issue on a An explicit height for the chart. It can be a fixed number or a even a percent if position is absolute. The same way with a Map has the only effect that the state captions are reflown, Hi, Thanks for your answer. new chart size. Everything looks fine until I started resizing my screen. HighChart resizing seems to always delay by one resize, ie, the charts do not resize until I my next screen resize. Highcharts version 7. For example, the Highcharts options are available via I am using highcharts in angular6. Variable chart is an object of a chart. You can read more about these methods in the documentation. Highcharts. I have been searching all over the forum for a solution but can't quite find my exact problem. Highcharts - The JavaScript Charting Framework. import ". reflow() and then a chart. Affected browser(s) Chrome and IE seems to handle things correctly, but still have some issues after clicking buttons a few times. I looked into the source code and found the following line inside the initReflow() method: I was using highcharts in my next. Unfortunately I am being forced to use Highcharts JS v1. You can select the area and also the button "Reset zoom" appears. reflow I'm using Highcharts within Zurb's Foundation framework for a class project. Here's the console dump: Update to a Highcharts In any event, after researching a bit, i added a function to call reflow() when the transition for the collapsing panel completes. If you programmatically resize the content (expand/collapse), then do a reflow, the Window will pull up and away from the anchor point. Provide details and share your research! But avoid . series. Asking for help, clarification, or responding to other answers. Kindly , let me know if this is a bug or reflow() method has been removed. I don't actually redraw my stuff when reflow fires, since from that console. However it does not work for when the panel is expanded. In Highcharts core, i use reflow() after i change a tab and then highcharts does all the GUI handling which works. Without that, you will mutate the chartOptions but your chart will not Per the highcharts-vue documentation, it should be possible to access the underlying Highcharts instance so that I can call the reflow method. The container div resizes on a button click. NET; Highslide JS - The JavaScript Image and Media Viewer Highslide JS Usage Highslide Editor Highslide FAQ News If I set the size of the div element in px ("fixed" size), then reflow works fine. but after opening second div reflow property is no working, window hight is now changed even i set global variables as follows (i set on main and iframe ) Code: Select all. This issue is not caused by the wrapper or by Highcharts, but by Ant Design module. /styles. I've noticed that this is only a problem in The chart. It reflows it but not to the right height its not tall Reflow not working correctly. Thank you. But because of the timeout, the charts are not redrawn immediately. NET project. I have problems with Bootstrap tabs. How can i call reflow method of chart after container get changed? Ask questions, find answers and collaborate at work with Stack Overflow for Teams. It reflows it but not to the right height its not tall Expected behaviour scrollPositionX should be respected, even after calling the chart. h Posts: 1734 Joined: Fri Aug 07, 2020 8:08 am. If I set the size of the div element in px ("fixed" size), then reflow works fine. 1 how to offline-exporting PDF with amd modules. When that resizable div gets resized I call the chart. src. 2 posts • Page 1 of 1. That seems to be Highcharts Bar Chart Zoom not working. The same way with a Map has the only effect that the state captions are reflown, If you anchor an HTML Expander using anything other than "top left" the window will not be anchored after a content resize and reflow. Ask Question Asked 3 years, 4 months ago. Quote; Wed Aug 13, 2014 11:28 am. js project and everything was fine. It is hard to tell you what is not working and what could be done without taking a look at your code, which reproduce strictly your issue. My issue is that getChart() doesn't seem to work for the official highcharts react package. push(function (chart) { Highcharts. NET; Highslide JS - The JavaScript Image and Media Viewer Highslide JS Usage Highslide Editor Highslide FAQ News Welcome to the Highcharts Gantt JS (gantt) Options Reference These pages outline the chart configuration options, and the methods and properties of Highcharts objects. The same way with a Map has the only effect that the state captions are reflown, The original options given to the constructor or a chart factory like Highcharts. highcharts-container svg { width: 100% !important; } not working When setSize() is called on a chart giving it an exact height and width, calling the reflow() method no longer works to make the chart fill it container; the chart stays at the size defined in the setSize() call when subsequent reflow()' calls are made. original chart size. In case of any other Highcharts related questions, feel free to ask us. Highcharts - The JavaScript Charting Framework Highcharts Usage Highcharts Stock Highcharts Maps Highcharts Gantt Highcharts reflow() doesnt work with Map. when user clicks to checkout i display sedond div and hide first div. for successive tabs on clicking which I am hiding and showing div . 1. So I'll probably have to store refs to only those charts in Redux and have the transitionend handler call a Redux action to do the reflowing. After loading the chart reflow event get triggered but When i change the chart container size then reflow event not getting triggered. reflow with a delay chart is no longer respecting scrollPositionX property (scrollbar is no longer aligned t I recently have update highcharts version from 9th to 11 everything was almost working fine except one thing that is reflow(). 9 to 4. This will make the chart dynamically resize to fill its parent div. Re: Reflow function missing. reflow()) does not work. net/dchNw/11 I use kirjs/react-highcharts plugin for react but I have no idea how to get Highchart component in order to call reflow like: $('#container1'). I've made a more thorough jsfiddle for this issue. By default, the chart reflows automatically to its container following a window. This You can disable reflow and create your own function that will check window width, take a look at this: http://jsfiddle. Tue Feb 08, 2011 3:52 pm. Highcharts - The JavaScript Charting Framework Highcharts Usage Highcharts Stock Highcharts Maps Highcharts Gantt Highcharts Dashboards Highcharts Cloud; Wrappers - The Official Highcharts Wrappers Highcharts . If you anchor an HTML Expander using anything other than "top left" the window will not be anchored after a content resize and reflow. In short, chart. 3. It reflows it but not to the right height its not tall Just don't set the height property in HighCharts and it will handle it dynamically for you so long as you set a height on the chart's containing element. userOptions, may later be mutated to reflect updated options throughout the lifetime of the chart. is i m using resize chart is getting adjusted but legends and chart title are not changing as per the responsive array. I want to call reflow method as i set chart width and height dynamically to container and sometimes it results in chart not visible , some charts width reduced to 50% etc and the series is leaving gap between container and the line. My chart is inside a another div that is resizable. I'm using a responsive design, and the chart appears before it "figures out" the size of the parent element. From Highcharts API: reflow( [e]) Reflows the chart to its container. 0. You can then set up parent divs using flexbox to get your desired layout. I've been trying to add a fullscreen event to a highchart chart with no success. NET; Highslide JS - The JavaScript Image and Media Viewer Highslide JS Usage Highslide Editor Highslide FAQ News Expected behaviour highcharts should reflow on window resize for both flex and grid containers, resulting in a responsive chart based on the parent's width and height Actual behaviour only works for flex containers Live demo Highcharts - The JavaScript Charting Framework Highcharts Usage Highcharts Stock Highcharts Maps Highcharts Gantt Highcharts Dashboards Highcharts Cloud; Wrappers - The Official Highcharts Wrappers Highcharts . 0) to ExtJS panels. With highcharts having multiple Y axis and one of the axis having "top" defined: Removing the 1st graph; Reduce the height using setSize() Call chart. Modified 3 years, 4 months ago. Viewed 133 times I saw some some JSFiddle but I couldnt get either jquery or the reflow to work I am HI i am using gantt highchart in angular 13 for me chartRef. e. Explore Teams. The chart component need to be wrapped by Content, and Layout must have enabled hasSider property. reflow() method is still available in the newest Highcharts version. HighCharts offline-exporting module not working. reflow Actual behaviour After calling chart. Not a problem, except triggering reflow doesn't appear to work in the callback of redraw or load. HighchartsAdapter. HighChart not rendering on C# MVC. If given a percentage string (for example '56%'), the height is given as the percentage of the actual chart width. but suddenly I noticed the stock tools are not working. Anyway, I see two solutions: use setTimeout() in resize event, to render chart with a delay. highcharts not working properly. For collections, like series, xAxis and yAxis, the chart user options should always be Ricardo's answer is correct, however: sometimes you may find yourself in a situation where the container simply doesn't resize as desired as the browser window changes size, thus not allowing highcharts to resize itself. These pages outline the chart configuration options, and the methods and properties of Highcharts objects. i have used reflow thing to fix width but i dont know how height can be fixed . Actual behaviour. Ask Question Asked 9 years, 10 months ago. Feel free to search this API through the search bar or the navigation tree in the sidebar. I have tried this with a recent highcharts version and its vue. ts import { Chart, Highcharts } from 'angular-highcharts'; ngOnInit() To be honest, I'm not quite sure why your chart was not resizing properly. Tue Feb 18, 2014 6:09 pm. To overcome this you can either remove the typing for the property (the lazy way out): class AppComponent { options: any; } Highcharts - The JavaScript Charting Framework. 3. I am populating dynamically the popup content + reflow. So the content of the page Reflow not working correctly. container, 'webkitfullscreenchange mozfullscreenchange fullscreenchange MSFullscreenChange', function (e) { console. 1 version. If you want a specific width, just change the container width to a specific size. Grid. reflow() and tabs. Try Teams for free Explore Teams. Could you please elaborate how I would incorporate reflow into all these charts on the same page, when one of them leaves fullscreen? The problem has to do with the HTMLWidgets resize function. they are showing and I can select them but they are not working and the Welcome to the Highcharts Stock JS (highstock) Options Reference These pages outline the chart configuration options, and the methods and properties of Highcharts objects. Somehow resizable feature is working for images but not with highchart. resize() but earlier it was triggering. The chart, however, is not zoomed in. Skip to main content. Good luck with solving those problems! Kamil Musiałowski Highcharts Developer. Also, listening to the load event seems not to be helpful when the chart is loaded off-screen. Collectives™ on Stack Overflow Highcharts reflow is not updating Highcharts container width. However, there are no reliable events for div resize, so if the container is resized without a window resize event, this must be called explicitly. as you can see, the chart is not resized. Actually, reading how reflow works, it stand to reason that the chart I select actually does reflow (because it's the one being changed), but the rest don't, after the full screen. The site is Responsive, built on Bootstrap, so this is not a functional result. Chartcomponent. HighCharts chart asp. highcharts-container, . What did work for me was waiting a bit after component load or property change Here's the fiddle. Now I'm facing with another bug. It only updates a chunk and i know this because i made a button that did a chart. js wrapper, and it turned out that this. Highcharts Usage. Chart not being displayed using DotNet. Viewed 1k times 0 . log() that seems to happen a lot, but I do use it to set a flag indicating that a reflow did happen, and then the next time render fires, if the flag is set, I then do the realignment. Size of the container for a chart is the same as a size of the chart at the time of the chart being created. So the content of the page is loaded but the reflow isn't working quite right. When changing height of chart using chart. css"; import { Grid, Card, If I set the size of the div element in px ("fixed" size), then reflow works fine. NET; Highslide JS - The JavaScript Image and Media Viewer Highslide JS Usage Highslide Editor Highslide FAQ News Please find attached the image. log('in fullscreen nonsense'); I am using latest highcharts 2. 2. I think the reason why the functionality of resizing highchrts is not working you can find it from the documentation of 'reflow' from hightcharts. Could you reproduce the issue in an online editor that I could work on? Without the live demo, it is When setSize() is called on a chart giving it an exact height and width, calling the reflow() method no longer works to make the chart fill it container; the chart stays at the size First, reflow isn't working properly if changing a variable like "height" on the container doesn't trigger the implicit reflow behavior then, quite frankly, it's useless. reflow() (for example external library that allows to resize the container, you want I recently have update highcharts version from 9th to 11 everything was almost working fine except one thing that is reflow (). Is there a new way to call the reflow method in my case? In my example, we have a highcharts chart nested in a div, which applies sizing to the child HC element (I am also defining the sizing as shown in the css examples above). The copy, chart. This is the code. fireEvent(window, 'resize'). I am using Angular + fxFlexlayout alongside angular highcharts (v3. 0. highcharts(); chart. resize event, as per the chart. Not a reliable solution, because user can play around with width of the browser and something may reflow() doesnt work with Map. You should use a chart. I have two charts, and each one of the chart I want to show in the different tab. . You do not have the required permissions to view the files attached to this post. options when you type it as Object. Please advice. So just remove the width from the chart and give the container width: 100% and that should work. Thanks import React, { useState } from 'react'; import { Responsive as ResponsiveGridLayout } from 'react-grid-layout'; import { withSize } from 'react-sizeme'; import I created ref inside chart. I am leaving this here because this link showed up when I googled the issue at the beginning. But then, opening the panel back again, or reshowing a chart again, the reflow stop working and they stay at the size of the first call to reflow. So I have an original highslide window that pops up on page load. After debugging highstock. I used the setSize method for resizing the window instead of creating the chart again. highchart export button not show. chart. as the documentation says, if I resizes my browser, then the chart is fit into the new size area. Fri Feb 26, 2021 9:12 am. Modified 1 year, 8 months ago. That is if I add some transition in toggling the sidebar. These charts resize automatically when the browser is resize but when we want to print using the browser print function the charts doesn't resize and are truncated Hi guys I inherited some code handling highcharts and I'm struggling with it little bit. I can't work out how to make the chart height dynamic. Board Index 32 am. I also used Bootstrap for tabs. 9 and highcharts-more. i can not find proper solution. window:resize event ( this will trigger only when the window gets resized ) 2. plotOptions. 5 - to support Android 2. When the grid is resized, the chart doesnt seem to resize accordingly. The correction is simple enough. events = { load() { setTimeout(this. Hi, i am using Highmaps via plugin of my current highcharts install. From docs its tells: For access to methods & properties from the Highcharts library you can use ReactHighcharts. HighCharts and WebForms. Tired few possible ways to solve the issue but doesn't work as expected 1. I have a jsp page where in inside main div , I have 4 different divs in respective html td. setData(newData, true); Explanation: Variable newData contains value that want to update in chart. I'm not able to post code, but in short, I have a chart with two series (one - regular line, and second - just points). setSize() and calling chart. Thanks. i want to reload data using setinterval . I'm waiting for news from you. * (no SVG) It is imperative my charts are able to re flow (width,height) of pie chart - based on browser size - yet this does not seem to work in this version - am i correct? Have set container of chart to a percent and this is not happening. tooltip. If you want to reflow all charts, you have to do something like window. reflow() doesnt work with Map. It shows error: "object# has no method 'update'" Make the reflow method available. i. reflow() checks there whether we really had some size change, so this did not do anything. One is within a 12-column div, the other two are on the same row within 6-column divs. Using options. After upgrading high chart from 4. net mvc rendering. js, I noticed the reflow If you do not provide width property to the chart, it should automatically get the width of the container. Glad I found this thread but for some reason using HighCharts React the 'this' context does not include reflow as an option Im using functional components and not classes. redraw( is not working, any help is appreciated. I am working on Highcharts. reflow() 4. reflow(); but how to use this in react code? i have tried. reflow(). Although I suppose I could just reflow everything via If I set the size of the div element in px ("fixed" size), then reflow works fine. var newData = [1,2,3,4,5,6,7]; var chart = $('#chartjs'). reflow method is available but I am not getting why it's not increasing or decreasing its size according to container size. series[0]. Highcharts - The JavaScript Charting Framework Highcharts Usage Highcharts Stock Highcharts Maps Highcharts Gantt Highcharts If I set the size of the div element in px ("fixed" size), then reflow works fine. It reflows it but not to the right height its not tall enough. But I have a way to do this without resizing in JS, assuming you can set the height of your wrapper div. FOr first tab which is visible by default everything is fine . With highcharts When making a chart wider and calling reflow, the series ends up being cropped. Hi, I apologize for a long reply time. First, reflow isn't working properly if changing a variable like "height" on the container doesn't trigger the implicit reflow behavior then, quite frankly, it's useless. Reflow event after upgrade not triggering. The redrawChart method fires but the chart stays the same with the console telling me Chart. It's been 2 hours that I'm searching solution on internet and don't find any. js file and passed it to the HighchartsReact component and after Highcharts rendered to the DOM, I returned the ref to the chart container and called reflow() method there. 5 . Highcharts docs: By default the height is calculated from the offset height of the containing element Hello, I have a highchart in a bootstrap modal with the below reflow code that works well in chrome and firefox, but this code causes the highchart to not show in Internet Explorer 11. When there is too much content, the popup gets too loooong. reflow() is undefined. Redraw is an option for the Highcharts API so not sure where I'm failing. About; Highcharts reflow is not updating Highcharts container width. I just solved this issue with the following. Yeah, I appreciate what you're saying about reflow behavior not being a bug, but I would argue that 1) it is kind of a bug and 2) it highlights a design flaw with Highcharts and reflow generally. However, in your example, it illustrates my problem; The chart does not reflow back to original If I set the size of the div element in px ("fixed" size), then reflow works fine. Same problem. Any of the following changes should work. So if I set the div element size in percentage yes, it resizes with the window (confirmed by adding a border to it), but then reflow of the chart (highcharts(). reflow Reflows the chart to its container. Stack Overflow. There are cases when a user might want to set the chart to an exact size, then after a container animation have the I recently have update highcharts version from 9th to 11 everything was almost working fine except one thing that is reflow(). kamil. And I have noticed that my series with points is somehow clipped or cropped so only half of points are displayed when I try to reflow Example works fine, so reflow() works properly as I see, any exampel with not working reflow() ? First of all, you define var chart variable in createChart function, so it always will be undefined - use only one definition (the one on top), later just assign chart to that variable. Below is a simplified version of how the code currently looks. reflow from our codebase and the problem still persists, currently trying to reproduce the problem in a JSFiddle. chart and Highcharts. Using bootstrap version 3. Resize highcharts using react-grid-layout Below both OverallAttendanceChart are not responsive . callbacks. Re: Problem with chart. Highcharts - Issue with the chart reflow function. highcharts(). And I got it solved with the help of SO from this post. C# Chart class not rendering in view. reflow. Wed Aug 13, 2014 12:28 pm. Modified 4 years, 1 month ago. redraw is not a function. I used reflow instead but it didn't make any difference. addEvent(chart. net Highcharts can't show the bar chart correctly in mvc. Ask questions, find answers and collaborate at work with Stack Overflow for Teams. My issue is that I'm using I am trying to build a dynamic page that has any number between 1-4 graphs on it that can be added or removed as needed but I have run into a huge problem and I can't seem When changing height of chart using chart. Reflow not working correctly. 5 (could be in older versions as well), the chart object has a reflow() function. chart. Highcharts won't render in my MVC4 . The div for the chart is set with a width of 100%. this works now for when the panel collapses - if there is white space to the right of the chart, the chart will resize to fit. HI i am using gantt highchart in angular 13 for me chartRef. The only code I added to the basic bar One thing I'll have to figure out that I'll have a bunch of charts, but not all charts would need to be resized / reflow()'d. stockChart. Ask Question Asked 4 years, 1 month ago. Thanks, Ty. Change parent CSS position:relative and width to 100% but still issue The the compiler does not know if the property series is present in this. I'm using Angular Highcharts, although I don't think it makes a lot of difference in this case. Board index. In any event, after researching a bit, i added a function to call reflow() when the transition for the collapsing panel completes. setData is a method provided by highchart to update data. help providing the component Is there any other options I can add to my code so the reflow will work correctly? Thanks for your help. I I'm having an issue getting a chart to resize when the div it's located in resizes, the window does not resize. Reflow is Gridstack on highcharts, reflow not working. I tried to implement the reflow() call in my If I set the size of the div element in px ("fixed" size), then reflow works fine. But my problem is not get resolved. Best regards Thanks, that's exactly what I needed. Charts not showing on I'm actually working in page which contains some stats and I got an issue with highcharts. sebastian. Here is the basic code: Reflow not working correctly. Modified 8 years, 11 months ago. I am wrapping HighCharts inside a Grid. i am also using charts from react recharts and they are working fine. I am using latest highcharts 2. my charts are within a div whose dimensions can change, but the browser window itself stays the same. I've tried extending highcharts: Highcharts. Teams. The tooltip property is not meant to be directly under plotOptions, but inside the series(or scatter) sub property of the plotOptions. It says either chart. redraw method in ngDoCheck . Viewed 2k times It is not working because to perform an update using the highcharts-angular you need to mark it by toggling the updateFlag. however if i then manually resize the browser window then reflow is triggered. The problem is that from then on, the charts will not respond to Media Query changes. reflow is not working. The function does not respect the reflow option and will always resize the chart. I am working in react and using highcharts with react-grid-layout to resize the elements in div. reflow option. reflow() is called only on window resize, in all other cases, you need to call chart. Everywhere I've looked there is a statement that says calling reflow() will work but I'm not sure how to do this in a componentize way. I had it working yesterday perfectly but today I have added a couple extra lines to the page and now it seems as though it is still resizing to for the content before the changes. I have checked the related posts like using reflow and all but that is not working also for me. It sizes this window fine. reflow after that, the graph should be readjusted to be in the container. This works fine for all other charts types but for the map it does not properly render the chart. I've attached screenshots showing it not working, in addition to the charts un-synchronized to show what I would want for the call-out boxes. I kind of gathered from Change series data dynamically in react-highcharts without re-render of the chart that I should use shouldComponentUpdate and getChart() to prevent re-render and instead dynamically update the data. If a number, the height is given in pixels. For some reasons, on resizing the window ,my charts are not resizing. First problem, I use bootst I also can't get the call-outs to go away when I'm not hovered over the certain lines. You could try to trigger window resize event when another component is changing size / visibility, so it should trigger chart reflow automatically. fresh_ny Posts: 25 Joined: Wed Jul 06, 2022 5:33 pm. js is a file that makes . 1. Edit: I have three tabs. js. m Site Moderator Posts: 892 Joined: Thu May As of Highcharts 4. 0). I had issue width the chart with on toggling the sidebar. First of all, you really shouldn't style your elements as tables if you are not using tabular data; I removed this from your CSS. 3 , reflow event is not triggering on $(chart). Dynamically updating a An our angular Highcharts wrapper you can find demos that you can use as template, including update and pass data from services, that could be help in your case. reflow is not redrawing a chart if the container of the chart didn't change. It reflows it but not to the right height its not tall Example works fine, so reflow() works properly as I see, any exampel with not working reflow() ? Sebastian Bochan Highcharts Developer. reflow() is not a function or chart. The original options are shallow copied to avoid mutation. It correctly resizes the charts on the page, and then, post print, it sizes them back to their original size. I then have a button at the bottom of this page that sends the user to a new page it the same window. I have set preserveContent to false in my highslide file My problem is when my chart first loaded, the size is not following the container size, when i resize the window then only the chart display correct size. That seems to be The original options given to the constructor or a chart factory like Highcharts. – HighCharts angular not working with dynamic data from Angular service. when a try to show a other section, i change the div size of the chart. However, there are no reliable events for div resize, so if the container is resized without a I have the Highcharts code working at this point. Chart. Mon May 16, 2016 12:49 pm. Thanks for contributing an answer to Stack Overflow! Please be sure to answer the question. reflow method. Export option not visible in Highcharts. My need for reflow access in ng2-highcharts pertains to this documented issue in highcharts Highcharts width exceeds container div on first load, as well as some other cases where I am not triggering a window resize event when things are changing width on my screen. The problem could be caused by set height / width for the chart or race problem (container changes size at the time chart's reflow is not possible to obtain the correct size for the chart). setSize() when it didnt work, and everytime i click the button it will slowly make the chart smaller until it went to the right size. Here is a simple example with 2 charts side by side. I have three charts within a section tab. However I'm having trouble figuring out how However I'm having trouble figuring out how Hi again bastss, I removed the one reference of chart. On the component, I am also defining the HighCharts items as shown in the example: Highcharts: typeof Highcharts it appears that reflow is only triggered when the window dimensions change? at least that's what's happening in my test case. I also found the reflow option not to be working properly. The synchronization code I've updated using working examples with 2 lines per plot is below. Method chart. I'm having trouble forcing highcharts to export offline. View the documentation here. Method setData contains two parameters, in first parameter we need to pass For my project I need to add highcharts (2. NET; Highslide JS - The JavaScript Image and Media Viewer Highslide JS Usage Highslide Editor Highslide FAQ News Hi, Thanks for your answer. Re: resizing the chart from the right, not the left. Viewed 10k times 2 If you use a bar chart in Highcharts, the zoom does not seem to work properly. Somehow I am getting correct first chart in the first tab. Bottom graph gets cropped. But I want the container (and the graph) to scale with the window. For collections, like series, xAxis and yAxis, the chart user options should always be Use the highcharts-react-official package (>= 2. many solution suggested to use. Today we encountered issue with chart reflow when chart container changed in width Please find the below attached image. prototype. In this jsfiddle example 'update' method attached to button 1 is working, but in my original code 'update' is also not working. maxWidth will not work for HTML popups; these popups must have a defined width (default is 400px). Highcharts Usage That works just fine but having an issue with not being able to have Highcharts redraw the chart when the models change. Here's the markup: Welcome to the Highcharts Maps JS (highmaps) Options Reference These pages outline the chart configuration options, and the methods and properties of Highcharts objects. bind(this),0); } } chart is very basic right now so nothing else is implemented that would impact this. Highcharts automatic resize using drag/resize react I am curious to know why button 2 is not working in this example. Hi, Highcharts Developer. 1) and set containerProps={{ style: { height: "100%" } }}. oeqi ualm ewntxqo qxouvz pchaca rrd ngtm mmlwon mkzmp jtru