python (65.1k questions)

javascript (44.2k questions)

reactjs (22.7k questions)

java (20.8k questions)

c# (17.4k questions)

html (16.3k questions)

r (13.7k questions)

android (12.9k questions)

Questions - victory-charts

How to customise the width & height of a Victory tooltip text

I'm using Victory Tooltips inside a Victory PieChart. The tooltip text (actually label) is quite huge. I'm unable to break the text in an automatic manner and so the width of the tooltip overflows the...
test-img

Zephyr

reactjs

tooltip

pie-chart

victory-charts

Votes: 0

Answers: 1

Latest Answer

The only way I found was to add a line break ${'\n'} or creating a CustomFlyout using svg (its on the Victory page docs) https://formidable.com/open-source/victory/guides/tooltips/#tooltips-with-victo...
test-img

daniqt2

How to stop victory axis behave differently when there are 0 values?

If you go to the first example demonstration here, with code: <VictoryChart theme={VictoryTheme.material} domainPadding={10} > <VictoryBar style={{ data: { fill: "#c43a31"...
test-img

Gergő Horv&#225;th

javascript

reactjs

react-native

victory-charts

Votes: 0

Answers: 1

Latest Answer

I use set offsetX and set tickValues to deal with the x=0 problem. Here's the code: <VictoryChart theme={VictoryTheme.material} domainPadding={10} > <VictoryBar style={{ data: { fil...
test-img

Allen Shaw

Victory Stacked Area giving undefined on tooltip

I'm using victory stacked area chart and trying to display label on tool tip. But whenever I'm clicking on chart it's not giving index. I tried to console it and it gives undefined to index value but ...
test-img

Kanwarjeet Singh

javascript

reactjs

react-native

victory-charts

victory-native

Votes: 0

Answers: 1

Latest Answer

There is no key called data in the event's prop. eventHandlers should be given as an object whose keys are standard event names (e.g., onClick) and whose values are event callbacks. Callbacks are cal...
test-img

hong developer

Victory chart give range of 10 in y axis

I creating bar chart. I want to give range to y axis for e.g currently y axis showing 5, 10,15,20 but I want 10,20,30 a range of 10. How can I achieve that? <VictoryAxis domain={{y: [0...
test-img

Kanwarjeet Singh

reactjs

react-native

victory-charts

victory-native

Votes: 0

Answers: 1

Latest Answer

In order to change the default axis of your chart you need to provide one or more <VictoryAxis /> components as children. To change the interval of the ticks just set the tickCount prop on each ...
test-img

Kevin

Posts

Questions

Blogs

Jobs