Highcharts component for react. Highcharts is a Javascript charting library that uses HTML, SVG, and VML. The editor offers both open source/nonprofit and commercial editions of the product.
Questions tagged [react-highcharts]
409 questions
0
votes
1 answer
Want to set the y axis ticks to a fixed value Highcharts
I am trying a combination of line and an area graph based on data points based.
In Graph 1, Y axis looks clumsy with lot of ticks. Is there a way where these ticks can be set to may be "3" on y axis. This should remain constant for any data points,…
user13349816
0
votes
2 answers
How to have a solid as well as dashed line in line chart highcharts
I am using line chart(highcharts) for my reactjs project and the requirement is data after 2015, line should be shown as dashed line and data before 2015 line should shown as solid line(no dashed). Is there any way out how to achieve this? I have…
Dave Smith
- 69
- 2
- 7
0
votes
1 answer
chart.scrollablePlotArea unexpected behavior
I'm trying to to add a scrollBar on xAxis through chart.scrollablePlotArea to my chart but it's not working as expected. I was having trouble to make it appear. The solution I found was to remove containerProps from my…
Bernardo Marques
- 925
- 2
- 10
- 33
0
votes
1 answer
React-highcharts: I have "renderer" problem and I need a way to update "state" upon function call
I'm facing a scope problem with state within a react app.
I'm adding some buttons to my chart component at the top of high chart component.
Now, what I'd like is to add those buttons inside chart space (under title) to save some space.
The solution…
Bernardo Marques
- 925
- 2
- 10
- 33
0
votes
1 answer
Full Screen broken - Stock Tools
I'm trying to use full screen from stock tools but it's not working. I've searched all related questions and documentation but couldn't find any working example with react. Maybe the problem is with it's wrapper or the way I'm initializing it and/or…
Bernardo Marques
- 925
- 2
- 10
- 33
0
votes
1 answer
SVGRenderer function
I have no experience using SVG. I'm trying to add an icon via the SVGRenderer function but I'm not able to change some properties of the icon. I was able to recreate the icon via the path but I can't change height or width of the icon, I want to…
Bernardo Marques
- 925
- 2
- 10
- 33
0
votes
1 answer
How can I reload chart following data update?
I have a page with a dropdown menu, where I can select an option (data source) and load a couple charts. After that, if I select other data source charts should update as well.
When I select other data source chart is not updating. I know my…
Bernardo Marques
- 925
- 2
- 10
- 33
0
votes
1 answer
React - Highcharts Full Screen black bar
I'm trying to implement an application using highcharts/highstock and I'm facing a problem trying to use the full screen function.
I need to set a fixed hight to my charts and be able to view each chart from my page as a full screen one, but since…
Bernardo Marques
- 925
- 2
- 10
- 33
0
votes
1 answer
How to pass custom tootlip for each data point in Line chart : Highcharts+ ReactJS
I am trying to add a custom tooltip for each data point in line chart. The data that I am trying to pass to this line chart has the format:
The data that I receive from the API
[
{
old : "1",
current : "2",
oldtime :…
user13260658
0
votes
1 answer
Stock tools interacting with another chart/component
Basically I'm running a Reactjs application with Highcharts using the highcharts-react-official wrapper. I'm defining a highchart Component and the goal is to generate a report page with a dozen charts with different settings and data sources. I…
Bernardo Marques
- 925
- 2
- 10
- 33
0
votes
1 answer
Navigation arrows for Stock Tools
I'm trying to implement navigation arrows for stock tools using Highcharts/Highstock with the React wrapper. This is a working example for a non React application.
My attempt with React is here. I couldn't find any documentation about those arrows.…
Bernardo Marques
- 925
- 2
- 10
- 33
0
votes
2 answers
Highchart- OnClick event, get "category" and "name" from stacked bar chart
I have a Highchart stacked chart with a category and dataset as follows:
categories =["Clark","Steven","Steve","Robert","Max"]
series =[{
name: "Wins"
data: [0, 0, 0, 0, 0]
},
{
name: "Losses"
data: [0, 0, 0, 0, 0]
},
{
name: "Open"
data: [22, 9, 8,…
mg2019
- 191
- 17
0
votes
0 answers
Issue with Highcharts React Wrapper: Getting Highcharts error #18 but the same options passed to plain Highcharts Js is working fine
I am using "Highcharts React Wrapper" (https://www.npmjs.com/package/highcharts-react-official) with HighStocks and when using HighCharts wrapped in React Component as controlled component and updating the series or adding new series is giving below…
ramprasads87
- 21
- 3
0
votes
2 answers
Bubble chart :Cannot read property 'parts/Globals.js' of undefined
I am using 'react-highcharts' for rendering charts in my project. Simple charts such as bar chart ,pie chart are working fine .But when I am trying to render bubble charts, I am getting typeerror.
Here is the implementation:
import React from…
Nishant_061
- 87
- 1
- 7
0
votes
1 answer
Autoscroll highchart on new data only if user sees last data
I have highstock in react application. I've added historical data upload functionality. My problem is that I need to add both historical data and new data which could happen simultaneously. I need to understand where user on the chart currently. If…
Anton Panteleev
- 31
- 2