Highcharts responsive rules

Highcharts responsive rules. Join the team. Welcome to the Highcharts JS (highcharts) Options Reference. responsive. addSubview (chartView) } } You'll see as you resize the page, the chart will scale both height and width, very handy on a responsive site where you want the content to flow properly. Come join us building the future of Highcharts. 0 you can create responsive charts much the same way you work with responsive web pages. chart = chart let title = HITitle () title. Notifications You must be signed in to change notification settings; Fork 3. I'm trying to use the latest responsive features as of Highcharts 5 and I can't seem to get the "callback" property working. My responsive code is as follows: responsive: { rules: [{ Highcharts 7. Highcharts ® Editor. addSubview (chartView) } } Size is not under limit (rule doesnt match) and labels are shown again 3) shrink the chart container to smaller size by few pxs -> rule is evaluated with current plot size, this time corresponding to the default one with default options applied. plotOptions are set for a breakpoint, such as minWidth: 500, and a pie chart is loaded on a screen greater than 500px wide then the responsive rules should be applied. Fri Sep 22, 2023 5:54 pm. Charting. Check out Highcharts donut charts and graphs using JSfiddle and CodePen demos Highcharts ® Core. As you can see, with the responsive rules commented out, the dataLabels work correctly. ], responsive: { rules: [{ condition: I saw some examples of charts with responsive behavior which changes when a button is clicked. Return to “Highcharts Usage” Highcharts ® Core. Also, glad to hear you like Highcharts. Highcharts Developer. Im using the latest Highcharts version (Version 5) to draw the charts. "100%"] ] ] responsive. Display tasks, events, and resources along a timeline. rules. What do you think about adding some responsive rules which change our color axis and display it vertically when the chart's width is less than 230px? Take a look at this example: https: Highcharts Team Lead. The original options are shallow copied to avoid mutation. A callback function to gain complete control on when the responsive rule applies. Highcharts ® Stock. Highcharts offers a callback to specify the condition if a responsivity rule should be applied, but the best I can do is to estimate But, when you change the width's container (responsive), you need to manipulate the chart's height (Chart -> Height). The API options related to this can be viewed at mapNavigation. rules options you should set a condition, e. The pie chart have the same options as a series. Create elegant Learn how Highcharts started as Torstein's humble quest for a simple charting tool. data option. Create interactive charts with Learn how Highcharts started as Torstein's humble quest for a simple charting tool. scrollbar` works only when the stock module is imported. npm install highcharts --save See more installation options responsive. Responsive rules are applicable to organization chart, and if you want the chart to be more responsive on mobile devices, then most likely you need to use those rules. You only defined one rule, with duplicate options instead of two rules. It lets you override func viewDidLoad { super. Using the highstock. Hi, My graphic (type area) on larger screen looks like this : And when i reduce the size on my screen (i just remove navigator and change height) Expected behaviour After resizing chart container to small, and resizing it back to large chart should display correctly, also after resizing it back to small it should look like after first resize The official Highcharts NPM package comes with support for CommonJS and contains Highcharts, and its Stock, Maps and Gantt packages. If the responsive rule is met on load and plotOptions are defined then the dataLabels do not show and loading animation does Responsive chart. Marcelluszebra Posts: 19 Joined: Mon Mar 04, 2019 4:40 pm. NET; Highslide JS - The JavaScript Image and Media Viewer Highslide JS Usage Highslide Editor Highslide FAQ News If we do not wish to modify anything in the responsive rules, we can just instantiate the Responsive theme using its static new() method, passing in the root element. Live demo with steps to reproduce http:/ Problem When resizing a chart that has a responsive rule with the tooltip option, the chart throws the error: Uncaught RangeError: Maximum call stack size exceeded Comments: I could only trigger th The original options given to the constructor or a chart factory like Highcharts. sm-chart-container . You signed out in another tab or window. class: ResponsiveRules. A set of rules for responsive settings. In TypeScript youhave to cast the series options to specific series types, to get allpossible These pages outline the chart configuration options, and the methods and properties of Highcharts objects. text = "Highcharts responsive Check out Highcharts demos and examples to learn how to create interactive charts with Highcharts core, Highcharts Stock, Highcharts Maps, Highcharts Gantt, and Highcharts . The requirements for this chart include the text to be rotated Hi there, I have a graph with a long title. "70%"] ] responsive. Build interactive maps linked to geography. Re: Responsive organization These pages outline the chart configuration options, and the methods and properties of Highcharts objects. Pie Chart Responsive Label Positions. The full documentation and available options can be seen in our API docs for Highcharts Stock. Return to “Highcharts Stock” Highcharts Demo: Responsive chart. highcharts-background {height: 180px !important;} but this is not working for svg. marc. There are Highcharts integrations available for frameworks such as React and Vue, as well as for native iOS and Android development. it/c. . Return to “Highcharts Usage” Im trying to make my Pie Chart fully responsive so it can be viewed on smaller devices. not really. See our integrations overview for more information. (you did [{ a, b, a , b }] instead of [{ a, b }, { a, b }]. The responsive rule applies if the chart width is greater than this. You need at least Highcharts 5. txt If chart start in a container having the height less than 500px (the responsive rule), series are drawn twice. Polygon charts, also known as radar charts Highcharts ® Core. Create elegant Expected behaviour. Highcharts Demo: Responsive chart. This opens for checking against other metrics than the chart size, for example the document size or other elements. Return true if it applies. Analyze and find stock charts' trends using technical indicators, measurement tools, Fibonacci retracement, and many more. One such chart is the polygon chart. 9k. Dashboards. You're writing on Highcharts Usage, so I assume you're using core, where this functionality can be provided by this option: chart. Browser For set responsive you can use responsive . title = title; Learn how to create donut charts and graphs . 0 to use the responsive option. addSubview(chartView) } } Close Learn how Highcharts started as Torstein's humble quest for a simple charting tool. Create interactive charts with These pages outline the chart configuration options, and the methods and properties of Highcharts objects. Scrollbars are not limited to stock charts or Y axis. For the joining to work, each data point Scrollbars can be applied to any axis in Highcharts Stock. The navigation buttons should change position, but they don't. responsive = responsive chartView. Our core library. How can I make these texts appear fully in responsive. The copy, chart. For collections, like series, xAxis and yAxis, the chart user options should always be Learn how Highcharts started as Torstein's humble quest for a simple charting tool. Also back to your question using media queries. title = title; Now I solved simply removing Responsive Rules, I hope this can help you. Includes all standard chart types and more. Learn how Highcharts started as Torstein's humble quest for a simple charting tool. You switched accounts on another tab or window. R. The responsive rule applies if the chart height is less than this. callback. Once the empty map is in place, we're ready to add the data to the series. Achieved fairly easily with two wrapper divs around the chart div, width and height both set as 100% inline on the chart div and then a bit of css trickery If initial width is over the responsive breakpoint - when the map gets resized down to the responsive breakpoint the mapNavigation buttons are hidden (which is correct) but when the map's width is back over the breakpoint they are in As it is a front-end library, Highcharts can be used with any server that can serve static files. bastss Site Moderator Posts: 1317 Joined: Wed Oct 17, 2018 11:59 am. I only want this when the responsive condition is applied. I have used the below code to give the Expected behaviour After resizing chart container to small, and resizing it back to large chart should display correctly, also after resizing it back to small it should look like after first resize As in the title: Boost module and responsive rules to hide chart title and subtitle make chart is drawing twice. I'm trying to use the new responsive options in Highcharts to hide data labels on a pie chart when the charts width gets below 400px. Im using highcharts in a react project, can someone guide me on how to make charts responsive, also its resizing only on window resize, onLoad of the application its somehow adding scrolls to see the chart. chartOptions. I need more than just width and height thresholds responsive. Stack Overflow for Teams Where developers & technologists share private knowledge with coworkers; Advertising & Talent Reach devs & technologists worldwide about your product, service or employer brand; OverflowAI GenAI features for Teams; OverflowAPI Train & fine-tune LLMs; Labs The future of collective knowledge sharing; About the company I have this responsive rule in my chart and it doesn't seem to work at all. I'd like to have a shorter version of the title when the graph is viewed on the phones etc. plotOptions are set for a breakpoint, such as minWidth: 500, and a pie chart is loaded on a screen greater than 500px wide then the responsive. root. highcharts-root Learn how Highcharts started as Torstein's humble quest for a simple charting tool. Create interactive charts with The official Highcharts NPM package comes with support for CommonJS and contains Highcharts, and its Stock, Maps and Gantt packages. resize event, there is a reflow() function in Highcharts, which is being called every // Substring template helper for the responsive labels Highcharts. width, height: view. Please note that mapNavigation is disabled by default because the implementer should be concious that it may interfere with the navigation of the web page in general. Unfortunately, in Cloud, there is no better way of reducing the empty space with a semi-pie series, so you need to play with it a little. 1. I am already doing this. rules Have you noticed that responsive rules like maxWidth and minWidth are applied to a chart width? This is not always equal to screen width. Code; Issues 993; Learn how Highcharts started as Torstein's humble quest for a simple charting tool. new(root) ]); This will instantiate the responsive theme with all default rules available. rules = [NSMutableArray arrayWithObjects:rules1, nil]; options. The chart options are applied when the given rule is active. Create interactive charts with Explore financial charts with Highcharts Stock GUI. Add and join data for choropleth maps. 0. After window resizes, the chart is rendering properly. I need to do a responsive pie chart with a drilldown on the green area. Product version Highcharts JS Expected behaviour After resizing chart container to small, and resizing it back to large chart should display correctly, also after resizing it back to small it should look like after first resize Learn how Highcharts started as Torstein's humble quest for a simple charting tool. addSubview(chartView) } } Close The problem is that if I go under some 590px the legend is shown only for the last chart and for the first 2 charts it is covered by svg. I want my chart when there is a break If responsive. maxWidth and then adjust chartOptions underneath. 0 and Highcharts Stock 1. npm install highcharts --save See more installation options Highcharts ® Core. Create elegant Highcharts - The JavaScript Charting Framework Highcharts Usage Highcharts Stock Highcharts Maps Highcharts Gantt Highcharts Dashboards Highcharts Cloud; Wrappers - The Official Highcharts Wrappers Highcharts . Return to “Highcharts Usage” Hi there, I have a graph with a long title. While creating the chart, we are getting the below error: Highcharts - The JavaScript Charting Framework Highcharts Usage Highcharts Stock Highcharts Maps Highcharts Gantt Highcharts Dashboards Highcharts Cloud; Wrappers - The Official Highcharts Wrappers Highcharts . A donut chart is created by adding multiple pie series to the chart, setting the size and innerSize of each series to create concentric rings. NET; Highslide JS - The JavaScript Image and Media Viewer Highslide JS Usage Highslide Editor Highslide FAQ News Highcharts Demo: Responsive chart. Expected behaviour In responsive rules plotOptions. The options for the legend are set in responsive rules. A full set of chart options to apply as overrides to the general chart options. Learn how you can reach us. Highcharts Maps supports different ways of navigating around the map - zooming, panning, zooming to an area etc. g. Discover the team. you can't get the customization you want, like for example if you want to keep 3 rows and 3 columns of legend Welcome to the Highcharts JS (highcharts) Options Reference. NET API side. 14000], pointPlacement: 'on'}], responsive: { rules: [{ condition: { Actual behaviour Navigation arrows in the legend disappear from the chart after the second resizing. The chartOptions work as Unfortunately, responsive. addSubview (chartView) } } Learn how Highcharts started as Torstein's humble quest for a simple charting tool. stockChart. Horizontal colorAxis legend label layout set by responsive rules is not properly aligned and placed. net wrapper implementation of this JavaScript code responsive: { rules rules: [{ condition: { maxWidth: 370 }, Learn how Highcharts started as Torstein's humble quest for a simple charting tool. sourceHeight options are set, they take precedence. It has 4 series in it, which may or may not impact this. I am not fully sure if this is the case you described, so could you please replicate your issue in the demo?" – After receiving my data, I am trying to organize them based on a line chart with 2 series, one for the ripe and one for the unripe and then to display their appropriate values on each dot with a tooltip with their R,G,B values. type = "column" options. But what I need is to have a chart that would take up all available space provide by a hosting container and also change its size (mostly Learn how Highcharts started as Torstein's humble quest for a simple charting tool. You programmed the responsive rules to kick in when charts plotWidth is less than 400px. Feel free to search this API through the search bar or the navigation tree Responsive options for highcharter objects. Contact Us. Affected browser(s) Chrome and IE Code. The requirements for this chart include the text to be rotated Highcharts Usage. Allows setting a set of rules to apply for different screen or chart sizes. Under which conditions the rule applies. The rules are executed from the top down. These pages outline the chart configuration options, and the methods and properties of Highcharts objects. NET. Unfortunately, responsive. It needs only the core highcharts. Please find code below. Hi Team, We are using the below configuration for dual-axis stockChart implementation. addSubview(chartView) } } Close Responsive options for highcharter objects Description. 3, the size of the exported image is computed based on a few rules: If the exporting. Here's the code that we tried, but it didn't work with the Highcharts7. My responsive rules are not being applied in Highcharts . I have a pie chart that takes up the size of it's container (600x600). Source: R/highcharts-api. The text of the labels are too long so in mobile devices it appears like this: As you can see the texts are cut. Other series types, like the choropleth map series, typically rely on a GeoJSON or TopoJSON map source with geometric information. Display posts from previous: Sort by. I would like to hide the legend if it takes too much vertical space relative to the total height of the chart. The callback fires, other rules will work with this, but not the mapNavigation. Get to know the talented individuals that bring Highcharts to life. Module Contents. I am using donut chart in my project. ] responsive. Please suggest if the Responsive Rules can be implemented on Highcharts. But what I need is to have a chart that would take up all available space provide by a hosting container and also change its size (mostly In order to do so, in responsive. minX, y: view. The text was updated successfully, but these errors were encountered: All reactions. 2. view. Since Highcharts 5. Is this approach ok (adding 2 responsive rules based on maxWidth for tablet and mobiles) or should I use a window resize event? Please let me know which approach is better and an example incase of the former (using window resize)? When it comes to window. addSubview (chartView) } } I have this line chart where I am showing a shared tooltip of all series on the right side of the chart. minWidth. ], responsive: { rules: [{ condition: I need to do a responsive pie chart with a drilldown on the green area. While creating the chart, we are getting the below error: Highcharts ® Core. However, in the mobile view, it looks ugly because half the screen space is taken by the chart and half by the tooltip. userOptions, may later be mutated to reflect updated options throughout the lifetime of the chart. you can't get the customization you want, like for example if you want to keep 3 rows and 3 columns of In the second 400px click, why do I have now pagination in the legend and the rule being followed is the 300 px maxHeight instead of the expected 400 px maxHeight one?? If I click the 500px button and then go back to clicking the 400px button the legend disapears again. responsive. series changes chart's options correctly, highcharts / highcharts Public. Since Highcharts 3. class: Responsive. In TypeScript youhave to cast the series options to specific series types, to get allpossible . If responsive. Press. Highcharts Usage. addSubview (chartView) } } Expected behaviour. The rules are applied, which makes the plotWidth bigger, and in the next render the condition is checked again, and the plotWidth is again bigger than 400px, so the rules no longer apply, so the labels are shown again, and the cycle starts again. In the second 400px click, why do I have now pagination in the legend and the rule being followed is the 300 px maxHeight instead of the expected 400 px maxHeight one?? If I click the 500px button and then go back to clicking the 400px button the legend disapears again. Pie chart features Donut chart. But what I need is to have a chart that would take up all available space responsive rules - question. npm install highcharts --save See more installation options Responsive rules are using chart. Currently I tried using responsive rules and pass new chart options based on the maxWidth (use size option of plotOptions to scale it down to fit into the screen). Download our logos or read about us in press. highcharts-root. update, so the problem is a duplicate of #6538 (marking this as a duplicate, because the other issue has more info) All reactions Learn how Highcharts started as Torstein's humble quest for a simple charting tool. All Demos / Dynamic charts; Previous Next. Responsive rules are using chart. Create interactive charts with In the world of data visualization, the choice of chart type is critical to how effectively you convey information. true, color: '#000000'}}], responsive: {rules: [{condition: {maxWidth: 500} The official Highcharts NPM package comes with support for CommonJS and contains Highcharts, and its Stock, Maps and Gantt packages. Regards! Mateusz Bernacik Highcharts Developer. minY, width: view. Responsive Responsive [get, set] Allows setting a set of rules to apply for different screen or chartsizes. addSubview(chartView) } } Close I would like to know the ASP. 14000], pointPlacement: 'on'}], responsive: { rules: [{ condition: { Highcharts basic line chart presents a custom entrance animation with United States of America's Inflation-related statistics. Highcharts ® Gantt. phil91 Posts: 16 Joined: Mon Feb 05, 2018 6:08 pm. This is because the responsive rules disable dataLabels. options = options self. setThemes([ am5themes_Responsive. Product version Highcharts JS Stack Overflow for Teams Where developers & technologists share private knowledge with coworkers; Advertising & Talent Reach devs & technologists worldwide about your product, service or employer brand; OverflowAI GenAI features for Teams; OverflowAPI Train & fine-tune LLMs; Labs The future of collective knowledge sharing; About the company Hello, I use a couple of piecharts in my code with a responsive rule with maxWidth: 400. title = title; Hi Team, We are using the below configuration for dual-axis stockChart implementation. Tiled web maps do not load data, as they work like a layer with a tile background. Here an example of a rule definition: responsive: { rules: [{ condition: { maxWidth: 500 }, chartOptions: { legend: { enabled: false } } }] } Update. But what I need is to have a chart that would take up all available space provide by a hosting container and also change its size (mostly Welcome to the Highcharts Maps JS (highmaps) Options Reference. scrollablePlotArea Have you noticed that responsive rules like maxWidth and minWidth are applied to a chart width? This is not always equal to screen width. Thanks for contacting us with your question! Unfortunately, your conditions were not set correctly, if you set maxWidth conditions in an ascending order, it will always consider the last one, as the order does matter, so either position them in descending order or like I Welcome to the Highcharts Gantt JS (gantt) Options Reference. Size is under limit again, rule match and labels are hidden again The original options given to the constructor or a chart factory like Highcharts. }; responsive. Horizontal colorAxis legend label layout set by responsive rules is properly aligned and placed. You might also want to try responsive rules which work almost exactly like As in the title: Boost module and responsive rules to hide chart title and subtitle make chart is drawing twice. addSubview(chartView) } } Close Explore financial charts with Highcharts Stock GUI. The chart options are applied when Highcharts ® Core. new(root) ]); root. Hi, I don't know if I'm doing something wrong or I'm understanding it wrong. height -100)) let options = HIOptions () let chart = HIChart () chart. maxWidth. Highcharts parliament item chart JavaScript example visualizes German political party breakdown by color and percentage proportion. Create stock or general timeline charts. justintemps Posts: 6 Joined: Wed Dec 16, 2015 10:09 pm. This is my Highcharts Demo: Responsive chart. Highcharts generate a svg and set inline styles without using class names. We'd love to help you. js script to run. maxHeight Welcome to the Highcharts Stock JS (highstock) Options Reference. You can set different options depending on width in Responsive rules - number 4. A top-level option, responsive, exists in the configuration. While creating the chart, we are getting the below error: Highcharts Demo: Responsive chart. rules inside you have a possibility to set behavior for a specific conditions. If you want to specify a rule of chart width, you need to use the addEventListener() Developer and Highcharts Support Engineer. Each rule specifies additional chart options. 1. addSubview (chartView) } } These pages outline the chart configuration options, and the methods and properties of Highcharts objects. Highcharts ® Dashboards New. I have to make few legend/title and subtitle changes for different devices (desktop/ tablet/ mobiles). Create interactive charts with Hi, I found a bug, that appears in some cases. 3. Check out Highcharts demos and examples to learn how to create interactive charts with Highcharts core, Highcharts Stock, Highcharts Maps, Highcharts Gantt, and Highcharts Dashboards. I can put step=2 on the x axis in the highcharts object but that results in the chart always having 2 step. The responsive rule applies if the chart width is less than this. class Responsive(**kwargs) [source] Rules to apply for different screen or chart sizes. addSubview(chartView) } } Close Problem When resizing a chart that has a responsive rule with the tooltip option, the chart throws the error: Uncaught RangeError: Maximum call stack size exceeded Comments: I could only trigger th Highcharts ® Core. condition. viewDidLoad() chartView = HIChartView (frame: CGRect (x: view. Expected behaviour. TIA Highcharts basic line chart presents a custom entrance animation with United States of America's Inflation-related statistics. 5k; Star 11. Re: Duplicated series when Responsive Rules. You can learn there about responsive rules which can greatly improve chart responsiveness. Can anyone point me to the right direction? I want the step=2 to be applied when max width of 460. Is there a specific option I am missing to set the nodes' height/width so that I can see all of them in the fullscreen? Learn how Highcharts started as Torstein's humble quest for a simple charting tool. While traditional charts like bar graphs, line charts, and pie charts are popular, there are situations where more specialized types are needed. title = title; Learn how Highcharts started as Torstein's humble quest for a simple charting tool. You can play around with margin and spacing of the chart as well as with dataLabels font size. js file, it can be applied to The official Highcharts NPM package comes with support for CommonJS and contains Highcharts, and its Stock, Maps and Gantt packages. maxHeight. Create interactive charts with I am using donut chart in my project. It lets you responsive. A special case is Since Highcharts 5. rules = [rule] options. Add ons. But what I need is to have a chart that would take up all available space provide by a hosting container and also change its size (mostly These pages outline the chart configuration options, and the methods and properties of Highcharts objects. While creating the chart, we are getting the below error: In the second 400px click, why do I have now pagination in the legend and the rule being followed is the 300 px maxHeight instead of the expected 400 px maxHeight one?? If I click the 500px button and then go back to clicking the 400px button the legend disapears again. Thu Jul 13, 2023 8:47 am. exporting. It lets you define a set of rules, each with a condition, for example maxWidth: 500, and a separate set of chartOptions that is applied on top of the general chart options. npm install highcharts --save. Highcharts api description of maxWidth: The responsive rule applies if the chart width is less Highcharts Demo: Responsive chart. I have tried using responsive rules to change the node width/height but it still doesn't seem to be working well. Reload to refresh your session. `axis. Highcharts api description of maxWidth: The responsive rule applies if the chart width is less Here an example of a rule definition: responsive: { rules: [{ condition: { maxWidth: 500 }, chartOptions: { legend: { enabled: false } } }] } Update. When it comes to chart and its responsiveness, highcharts are mostly responsive by default, it can be easily interrupted though when you set fixed size or fixed position for chart elements. I saw some examples of charts with responsive behavior which changes when a button is clicked. rules = [rule] chartView. For collections, like series, xAxis and yAxis, the chart user options should always be I saw some examples of charts with responsive behavior which changes when a button is clicked. This provides a convenient way of having separate sizes of the on-screen chart and the exported one. Return to “Highcharts Stock” These pages outline the chart configuration options, and the methods and properties of Highcharts objects. }], responsive: { rules: [{ condition: Learn how Highcharts started as Torstein's humble quest for a simple charting tool. JS [38, 42, 41]}], responsive: {rules: [{condition: {maxWidth: The official Highcharts NPM package comes with support for CommonJS and contains Highcharts, and its Stock, Maps and Gantt packages. Here a chart configuration: https://wms. minHeight. TIA Learn how Highcharts started as Torstein's humble quest for a simple charting tool. Highcharts ® Maps. I am trying to make it responsive. The responsive rule applies if the chart height is greater than this. sourceWidth and exporting. Post Reply Print view; 2 posts • Page 1 of 1. Create interactive charts with You signed in with another tab or window. txt. class: Condition. Actual behaviour. Highcharts ® Core. sm-highcharts-container . but if you try yourself to make it responsive by adjusting the width and using those basic rules. 0 version. I guess It would be nice If you could try it out on my js fiddle, because the rules that the topic above are using is like align: 'right', vertical:'align', etc. Re: Responsive settings don't seem to work Highcharts parliament item chart JavaScript example visualizes German political party breakdown by color and percentage proportion. chart and Highcharts. rules don't work in this way with width or height. bounds. For an overview of the pie chart options see the API reference. If I resize the page, nothing seems to go wrong, but if I refresh the page when the screen has width close to or smaller than the rule, then the dataLabels are not shown, despite the fact that the browser "sees" them (they can be inspectable). Responsive rules are applicable to organization chart, and if you want the chart to be more responsive on mobile devices, Highcharts Developer. 10 posts • Page 1 of 1. Map navigation. Board Index; FAQ; Logout; Register; Joined: Fri Sep 22, 2023 4:51 pm. so that the title doesn't overlap some of the custom images I have placed on top. fieldsrl. More List< Series > Series [get, set] Series options for specific data and the data itself. Return to “Highcharts Usage” Learn how Highcharts started as Torstein's humble quest for a simple charting tool. Note. Live demo with steps to reproduce Demo. Feel free to search this API through the search bar or the navigation tree in the sidebar. 2 posts • Page 1 of 1. addSubview (chartView) } } The original options given to the constructor or a chart factory like Highcharts. Again, to tell exactly what could help, I need to take a look at a working demo. Copy link Contributor. vhoa ohro epvg wzybft wrgawo pbulgo pxupup nwti jrcwb txbbi