boygirl
commented
5 years ago @mikeKane You're right, this is an oversight on my part. I will correct VictoryGroup to make sure it correctly offsets VictoryBoxPlot children. In the meantime, you can add a manual x offset by doing something like this:
<VictoryChart>
<VictoryBoxPlot
x={(d) => d.x - 0.25}
data={[
{ x: 1, y: [5, 10, 9, 2] },
{ x: 2, y: [1, 15, 6, 8] },
{ x: 3, y: [3, 5, 6, 9] },
{ x: 4, y: [5, 20, 8, 12] },
{ x: 5, y: [2, 11, 12, 13] }
]}
/>
<VictoryBoxPlot
x={(d) => d.x + 0.25}
data={[
{ x: 1, y: [1, 2, 3, 2] },
{ x: 2, y: [1, 15, 6, 8] },
{ x: 3, y: [13, 15, 16, 19] },
{ x: 4, y: [5, 2, 8, 12] },
{ x: 5, y: [2, 1, 12, 13] }
]}
style={{ q1: { fill: "red" }, q3: { fill: "red" }}}
/>
</VictoryChart>
mikeKane
Bugs and Questions
Checklist
[x] This is not a
victory-nativespecific issue. (Issues that only appear invictory-nativeshould be opened here)[ x I have read through the FAQ and Guides before asking a question
[x] I am using the latest version of Victory
[x] I've searched open issues to make sure I'm not opening a duplicate issue
The Problem
I am implementing multiple VictoryBoxPlot items on a single chart. The problem is they all stack on top of one another. I tried using a Victory group to space them out but that did not seem to work.
Describe the issue you're seeing, and what you expect the behavior to be. I expect to be able to set an offset and also a width separation between boxes.
Reproduction
Please note each box is a single color.