by

Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
    Nathan Carpenter
    @nathancarpenter03
    Oops, i saw that you moved channels. Ill post there!
    Matt Viehdorfer
    @Morasta
    @nathancarpenter03 : check out the tickcount, etc. for VictoryAxis: https://formidable.com/open-source/victory/docs/victory-axis/#tickcount
    i've used that a bunch for Y axes, I'm betting it's the same for X
    rpelorosso
    @rpelorosso

    Hi! I have a stacked bar chart that have bars with negative values. I'd like to have the chart display a tick for the minimum value for the y range. In this case, it would be a tick at y=-6.

    Here's a codesandbox with a sample of it:

    https://codesandbox.io/s/o4r4kmx70q

    Is there a way to do it without having to pass an array of tick values?

    Also, you can see that the labels for the horizontal axis overlap the negative bars. Is it possible to move the labels for the horizontal axis to the bottom of the chart?
    boygirl
    @boygirl
    @rpelorosso would you mind repeating your questions in our new spectrum channel? https://spectrum.chat/victory
    rpelorosso
    @rpelorosso
    Thank you @boygirl , I just did.
    Garrett Dawson
    @killtheliterate
    sorry to ask if this is documented, but I am having trouble getting VictoryTooltip working with VictoryPolarAxis. If I provide VictoryTooltip as the labelComponent for a polar chart, the label just doesn’t render.
    axisLabelComponent rather
    Garrett Dawson
    @killtheliterate
    re-asked in spectrum
    Jon Jackson
    @TheRealJon
    Quick question about axis tick labels. Creating a horizontal bar chart which will have x-axis (vertical axis in this case) tick labels with arbitrary length strings. I need to account for the width of these tick labels so that I can adjust the chart padding. I want the tick labels to align with the left edge of the parent element without any of them overflowing.
    Does anyone know if there is a helper method, or combination of helper methods in victory that can give me a reliable measurement of the tickLabel group width?
    I can see in the DOM structure that all of the tick labels are wrapped in an svg <g> element, so there should be some way that I can get a measurement of that element, I just don't know the easiest way to do so.
    Jon Jackson
    @TheRealJon
    Alternatively, is there a prop that I can use to make victory automatically account for tick labels so that they don't overflow?
    Mike Kane
    @mikeKane
    Hi, I am using VictoryBoxPlot, and I need to draw multiple Box Plots. However they are all stacked on top of each other. How can we offset this? I tried using a Victory group but it did not work. Any suggestions?
    boygirl
    @boygirl
    @mikeKane we've moved our support chat to spectrum: https://spectrum.chat/victory
    Aissa Taourarte
    @taourarte
    Hi guys ,is there any way to add spacing beween bars ??
    DEV
    @iamdevlinph
    is there any option to fill the null points in a line chart with nullable values?
    my bad. moving to spectrum
    Aissa Taourarte
    @taourarte
    @iamdevlinph could you please send us the final result you want ,picture or design ?
    DEV
    @iamdevlinph
    image.png
    something like that, i suppose
    Kamil Łydka
    @PanLydka
    Hello. Does anyone have a solution to this problem? FormidableLabs/victory#860
    It's about the picture. I need a vertical line and values at the top of the screen.
    Kamil Łydka
    @PanLydka
    I found something like this in chat history. Not bad... Unfortunately, however, the performance is poor. Especially for my data, there are a lot of them, and in X I have dates. https://codesandbox.io/s/q9zro0w676
    David Hérault
    @dherault
    Hi, I'm trying to remove the dotted lines from my chart can someone help me please ?
    David Hérault
    @dherault
    Found out, with the style.grid prop
    shridharbavannawar
    @shridhar52war
    VictoryBar click events and zoom does not work for victory-native. https://github.com/FormidableLabs/victory-native/issues/527#issuecomment-595897140.
    Any workarounds?
    Arne Lamo Pedersen
    @arnelamo
    Hi, everyone. When i try to render my chart in my React app, i can see it when i hover on it in the chrome dev tools inspector, but it's invisible - aka everything is the same color as the background, even though on in the elements i can see the color i chose is applied. Any suggestions what i might be doing wrong?
    My Chart component currently looks like this:
    import React from 'react'
    import { VictoryBar,VictoryChart, VictoryTheme } from 'victory'
    const IndividualsChart = () => {
      return (
        <div>
          <VictoryChart>
            <VictoryBar 
              style={{ data: { fill: "red" } }}
              theme={VictoryTheme.material}
              data={[
                { x: 1, y: 2 }, { x: 2, y: 4 }, { x: 3, y: 6 }
              ]}
            />
          </VictoryChart>
        </div>
      )
    }
    export default IndividualsChart
    jetautumn
    @jetautumn
    Hi everyone, I've been trying to do this chart where if the value is below 0, the area gets filled with red while above 0 with blue and still can't do it. Does anyone have an experience creating such chart and if so, may I ask how?
    alt
    kmuskan
    @kmuskan
    How to remove the bottom space beneath victory-legend ?
    I cant understand how to change the size of the svg for the victory-legend