Questions tagged [react-vis]
A collection of react components to render common data visualization charts, such as line/area/bar charts, heat maps, scatterplots, pie and donut charts, sunbursts, and tree maps.
react-vis
80
questions
0
votes
1
answer
109
views
react-vis: x with multiple y to display chart
I have a project that contains several interfaces, and among these interfaces there is an interface to display a set of statistics,
I am using react-vis library.
But the problem is that I want to ...
-1
votes
1
answer
201
views
How to specify the y-axis range for multiple y-axes in React Vis js
So an overview of the issue I'm encountering is I have two y-axes on my chart and I need to change the domain range of each axis separately. So far I have not found anything that can do this within ...
1
vote
0
answers
358
views
Position labels in radial charts - react-vis
I am struggling with positioning labels in radial charts using the react-vis library. Here is my code:
const DonutChart = () => {
const data = [{ angle: 4, label: "Yes" }, { angle: 4, ...
1
vote
1
answer
167
views
How to make legend's line wider in a react-vis XYPlot
The DiscreteColorLegends of an XYPlot are a little narrow for me:
Specially when I want to make them other than solid:
I browsed the documentation, and even the source code; I think that the length ...
0
votes
1
answer
52
views
Insert the result of a sequence generated with for in a FlexibleXYPlot in clojurescript
In this question (How to return two customSVGSeries from a single function in clojurescript), I learned how to insert the result of a function creating two customSVGSeries into an XYPlot.
Now I want ...
0
votes
1
answer
111
views
How to return two customSVGSeries from a single function in clojurescript
I would like to draw two different customCVGseries using a single function; but, of course, this code (striped to a minimum) only returns the last one:
(defn make-label-with-line [x y key]
^{:...
0
votes
1
answer
89
views
Can't draw a line in the g element of a CustomSVGSeries in react-vis and clojurescript
In the following working code:
[:> rvis/CustomSVGSeries {:data [{:x x :y y
:customComponent (fn []
(r/as-element [:g {:className "...
0
votes
1
answer
53
views
Can't make CustomSVGSeries work in clojurescript
I'm trying to translate this example in clojurescript (https://uber.github.io/react-vis/documentation/series-reference/custom-svg-series):
const myData = [
{x: 1, y: 10, customComponent: 'circle', ...
0
votes
0
answers
82
views
How to get yDomain value in ReactVis
In React-vis, I display the cursor position of the mouse using a LineSeries. I would like it to extend along all the vertical extent of the FlexibleXYPlot in which it's included:
Image of the cursor ...
1
vote
1
answer
571
views
How can I induce rerendering of other components on an update to this mutable ref to Vis.js network? Is there a better package available?
I'm trying to work with Vis.js in React and have started with the pattern shared by James Tharpe: https://www.jamestharpe.com/react-visjs/.
I'm also trying to include what I'm calling BoltOns which ...
1
vote
1
answer
155
views
React Vis x can't be a string
I am using React Vis to create a simple Graph. This is my code:
import React from 'react';
import '../../../node_modules/react-vis/dist/style.css';
import {XYPlot, VerticalBarSeries} from 'react-vis';
...
0
votes
0
answers
208
views
Accessing Variable from Imported React Component
There's a number of posts addressing some variant of the question - and amongst the most popular suggestion was to re-design the parent-child hierarchy to align with the react principle of having a ...
1
vote
1
answer
1k
views
React Dynamically render component within div based on div id
I am building a discrete bar graph component from scratch to display flights arrival/departure for every hour of the day. I need to basically match some of the data (flight and time) to a particular ...
1
vote
0
answers
230
views
Can't use Nivo tooltip or crosshair draggability on mobile
I'm trying to create a line chart that uses crosshairs and tooltip using Nivo. I was able to get everything working great on desktop, but on mobile, when I try to drag across the graph with my finger, ...
0
votes
1
answer
448
views
React Vis Horizontal Crosshair
Is there a way to display the crosshair so that it is horizontal instead of vertical? By default, given a list of points it will snap a vertical crosshair to the x values of the nearest point.