by

Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
    johnhydroware
    @johnhydroware
    How do I make victory use 24h time for labels? I like the automatic generation of ticks, but would like it in 24h-format.
    Matt Viehdorfer
    @Morasta

    Does anyone have any ideas how I might make VictoryVoronoiContainer hover details persist on a user click event? (https://formidable.com/open-source/victory/docs/victory-voronoi-container/)

    Specifically, if a user clicked while a given popup was active, using VoronoiDimension='x' in this case, that the hover popup would remain visible as they navigate the line so they can compare values.

    Matt Viehdorfer
    @Morasta
    @Five-Cents : I know you can do that by adding VictoryAxis and the angle prop for axisLabelComponent (https://formidable.com/open-source/victory/docs/victory-axis/#axislabelcomponent)
    Patrícia Barros
    @apatriciaab_twitter
    Hi! Does anyone have an idea of how you would add a visual indicator (e.g. a line) of where your mouse is, using a VictoryVoronoiContainer?
    Matt Viehdorfer
    @Morasta
    followup SO post for my question about persistent tooltips for voronoicontainers with some more detail: https://stackoverflow.com/questions/55248362/persistent-victory-charts-victoryvoronoicontainer-tooltips-on-click
    Patrícia Barros
    @apatriciaab_twitter
    @Morasta thanks!
    boygirl
    @boygirl
    @Morasta I made you a little example that should help: https://codesandbox.io/s/vm7y8oj92l
    @here I apologize for being so absent from this channel. I am officially moving Victory's support channel to spectrum so that questions and answers will be more organized and persistent: https://spectrum.chat/victory
    This change coincides with on overdue docs update! Exciting things in the update: 1) documentation for changes in victory@32.0.0 (horizontal chart improvements) 2) a nicer docs sidebar experience for small screen sizes 3) It's all in react-static:tada:
    Nathan Carpenter
    @nathancarpenter03
    @boygirl or anyone else who might know, please help! I have a line and scatter chart that could potentially have up to 20 data points. However, I only want to show 5 of those labels (which are dates) on the x axis. How would i only display 5 max x axis labels? Here is my code:
    <VictoryChart theme={ VictoryTheme.material }>
        <VictoryAxis style={ { grid: { stroke: 'transparent' } } } />
        <VictoryAxis dependentAxis tickFormat={ (y) => Math.round(y) } 
            label={ chartLabel }
            style={ { ticks: { stroke: 'transparent' }, axis: { stroke: 'transparent' }, axisLabel: { padding: 25 } } }   />
          <VictoryLine data={ data }
              domain={ { y: [0, target] } }
               interpolation='linear'
               style={ {
                    data: { stroke: chartStroke },
                    parent: { border: '1px solid blue' }
               } } />
        <VictoryScatter style={ { data: { fill: chartFill } } }
              size={ 3 }
              data={ data } />
    </VictoryChart>
    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