score:1
Accepted answer
You can find a demo of this chart in React here: https://stackblitz.com/edit/react-highcharts-xrange-demo
You have to remember to properly load highcharts modules: https://github.com/highcharts/highcharts-react#how-to-add-a-module
score:0
Seeing same error but (using Typescript) for my fix i needed to pass in Highcharts to the xrange like so:
import Highcharts from 'highcharts';
import HighchartsReact from 'highcharts-react-official';
import xrange from 'highcharts/modules/xrange';
xrange(Highcharts);
and then the markup:
<HighchartsReact
highcharts={Highcharts}
options={options}
{...this.props}
/>
Source: stackoverflow.com
Related Query
- creating a bar chart using Highcharts with React - getting an error that rendering div isn't found
- Error in rendering a React highcharts x-range chart
- HighCharts Stock Chart error code 18
- Uncaught Error: Highcharts error #17 while creating sunburst chart using react
- How to create a column range chart in Highcharts using range and navigator functions?
- How do you increase the performance of highcharts chart creation and rendering
- Dynamically update Highcharts chart in react
- highcharts organization chart is throwing error when loading module
- Not rendering VU-meter Gauge chart using HighCharts in Durandal
- Highcharts chart going blank on zoomType: 'x' area range zoom?
- Issues using highcharts node export server from ClojureScript - "0x03 error when performing chart generation"
- Highcharts error 13, but rendering Div exists
- Adding date range filter to Highcharts chart
- Highcharts stock chart - Technical Indicators - Stock price is missing in the tooltip when selecting the 'All' range
- Highcharts rendering the same chart twice
- How to use Highcharts React to create chart with multiple lines for same XAxis?
- Highcharts - bubble chart with titles at x- and y-Axis - Error #14
- Drawing Bubble Chart by using npm highcharts with error #17
- How to create a HighCharts chart in react
- Rendering more than one chart with Highcharts using Angular js Directives
- Highcharts with react Error: "missingModule" with chart type of "timeline"
- Highcharts Sunburst chart - What is the range of colorVariation.to values?
- HighCharts chart asp.net mvc rendering
- Rendering Highcharts Chart in Two Container
- Highcharts display label for pie chart using html table as data source
- Highcharts organization chart (org chart) with React Native
- Remove gap in Highcharts column chart from null value from JSON file in React
- HighCharts error #17 for pyramid chart angular2
- Use exported data from Highcharts Editor in a new React chart
- Highcharts column chart histogram show x range in tooltip
More Query from same tag
- JSON parse or removing double quotation in data getting form model or database in rails
- loop list of Javascript Objects to render Highcharts
- Highchart Y-Axis Scale Values Missing
- Highcharts markers on legend and hover ONLY
- The point's gap affects the width of columns of highcharts. Bug?
- convert string into array for highcharts js
- Can not get highchart to display on page - only example will display
- Automated y-axis-title-offset in Highcharts possible when having varying length of y-axis title?
- Highstocks change range selector to dropdown
- How to fetch JSON data from HTML DIV on same page for Highcharts?
- Need to precisely set Highcharts axis min/max after chart creation
- Highcharts DateTime Localization
- highcharts tooltip not working properly for hacked gantt chart
- Possible to use Highcharts Scatter Plot with categories?
- Load Unknown Number of Charts with Django Chartit
- Highcharts bubbles incorrect initial size, changes on resize
- onclick event when part of highcharts funnel is clicked
- Trying to update name and date in a highcharts column chart
- Highcharts: How to Place Y-axis title next to first marker?
- highcharts opacity when "bubbles" are stacked
- Using hours value with HighCharts
- How to capture the hover event in highcharts labels?
- Angular-highcharts colors. Is there any way to get color besides Highcharts.getOptions().colors[index]?
- Highcharts change or add color for name in a array of point.names and y
- Multi-categories selection Chart in Highcharts
- Highcharts redirect is not working after print
- highcharts tooltip stop update when mouse over
- Highcharts Displaying same data repeatedly
- JSF2, PrimeFaces, and Highcharts - Ajax
- Highchart: To display percent on each and every column of Column chart