Questions tagged [victory-native]
68 questions
4
votes
0 answers
React Native Pie Chart - Want to show image (Victory Native)
I am adding a Victory native Pie chart in react native with some additional information to show within it. I am able to show different colors in the pie chart and able to show labels in it.
But what I want is - I want to show images also in Pie…
Anuj Raghuvanshi
- 664
- 1
- 7
- 24
4
votes
1 answer
Customise the dataComponent of Victory Scatter to use the icon instead of default circle in React Native
I want to show icon on Victory Scatter instead of default circle in React Native.
I tried using the below code, but the icon is being placed at the top left corner irrespective of any given x and y point. The icon is not getting placed based on the…
Sudheer Kumar Palchuri
- 2,919
- 1
- 28
- 38
3
votes
1 answer
Is there a way to plot a dot on just the last data point on a victory line chart for react native
So currently I have this as my code for the victory line chat
import React from 'react';
import { View, StyleSheet } from 'react-native';
import { VictoryLine, VictoryChart } from 'victory-native'
let data = [
{
x: 1,
y: 0
…
jamesosborne14
- 59
- 4
3
votes
0 answers
Victory Native (React Native) - VictoryLine - change line color when y value is out of limits
I'm trying to draw a line chart with high and low limits.
I need to change the line color when y value above the high limit or below the low limit.
This is the result I want to achieve:
any ideas?
thanks
user3845916
- 91
- 4
3
votes
0 answers
Show background color on victory bar (react native)
How to show the background color on victory bar in react native?
KSA
- 675
- 1
- 5
- 9
3
votes
2 answers
How to arrange the x axis lables wihtout overlapping in victory-native stacked bar chart
I have a stacked bar chart, whose x axis labels would be date, the labels are overlapping how do I arrange them in such a way that it does not overlap on the next label of x axis.
I did not get how to arrange them changing the angle of the label,…
Prajna
- 578
- 4
- 8
- 23
3
votes
1 answer
Victory Native Pie tooltip to remain active
Kindly help me with the Victory Native Config or for the below requirement:
The tooltip for Victory Pie should be active and remain active even after press out for the sector pressed. Also, all other tooltips for various pie sectors should close,…
Aditya Kumar
- 133
- 1
- 2
- 11
2
votes
0 answers
How to format the line chart moving with data and time in victory chart
For example, i have a sample chart like this
import {
VictoryChart,
VictoryGroup,
VictoryLine,
VictoryScatter,
VictoryTheme
} from "victory";
export default function App() {
return (
CODEforDREAM
- 863
- 1
- 8
- 24
1
vote
1 answer
How to add a vertical line on Victory Native when hover on Linechart with tooltip in React native?
I Want result like this on hover getting vertical line with tooltip
but I'm not able to add tooltip of data
here is my result below
how can I achieve desire result, I'm looking for when I hover on chart so it should show line with toolttip of data…
Abdul Rehman
- 37
- 5
1
vote
1 answer
Victory Chart - How to create data gap in react native using Victory chart?
I have a data set with the structure
{"Text": "18.52", "Timestamp": 1677662169, "date": 2023-03-01T09:16:09.000Z, "max": 18.55, "min": 18.49, "y": 18.52}
I want to display the blank data gap when there is no value, to show the device disconnected…
Shermanlyh
- 11
- 3
1
vote
1 answer
How to make Victory Native chart have more natural scrolling
I have a basic bar graph chart that allows panning. The only problem is there is no momentum scrolling. In other words, when you scroll and release your finger, it stops scrolling immediately, which is not natural. How can I enable this?
const…
MendyK
- 1,643
- 1
- 17
- 30
1
vote
0 answers
How to disable swipe gesture to go back when interacting with victory chart
I have created a victory chart in react native using Victory Native package. I have an interaction where the user can drag a vertical cursor to know about detail at different data points. This chart stretches the entire width of the screen.
The…
Hardik3296
- 336
- 2
- 14
1
vote
0 answers
Fire events swiping over victory native bar chart
I am working on a react native project and I have a victory native bar chart with multiple bars. I have set up an event for onPressIn and it works as expected:
// This works a expected
events={[
{
eventHandlers: {
onPressIn: e => {
…
boulev
- 161
- 6
1
vote
1 answer
Victory.js get x,y data from hovered line point
How can I get the x,y data of a point on hover in a victory line component?
I tried this:
nwf
- 23
- 1
- 4
1
vote
0 answers
Victory-native: Change background behind label
I want to change the color of the background behind the label. I've tried changing it in the view component where we use tailwind. I have also tried to simply check if Victory-native have anything that could help me with that.
I managed to create…
Alexander Lu
- 11
- 3