Coder Social home page Coder Social logo

Comments (4)

carbonrobot avatar carbonrobot commented on June 13, 2024

Hi @andy-root, thanks for the question.

Typically, you would use either the cursor or the voronoi container, but not both as they achieve the same functionality but in different ways.

Can you tell me more about the end result you are trying to achieve and maybe I can find a different way for you?

from victory.

andy-root avatar andy-root commented on June 13, 2024

I have a customized voronoi tooltip that shows data from multiple VictoryLine charts over the same time period. The lines represent dollars over time, dollars on the X, time on the Y. This chart is sitting on top of a bar chart that represents time period events, the bars are all the same height (X) but their widths (y) represent the duration of the time of the event. These charts together show a dollar amount at a date and that date may be a special event. I use the cursor to mark the current day with a label at the base saying "Today". I don't want the cursor to move with the mouse so I disabled it but disable also prevents the voronoi tooltip from showing. The cursor was the only component I found to mark a single period at the Y with a thin vertical line that extends to the top of X. See my related bug #2832 for the cursor, where I want to change the y2 prop value for this chart.

Would a VictoryAxis be a better choice?

from victory.

carbonrobot avatar carbonrobot commented on June 13, 2024

This is typically done with an Axis like the following

export default function App() {
  return (
    <VictoryChart>
      <VictoryAxis />
      <VictoryAxis dependentAxis />
      <VictoryAxis
        dependentAxis
        style={{
          axis: {
            stroke: "grey",
            strokeDasharray: 2,
          },
          tickLabels: { fill: "none" },
        }}
        axisValue={0.4}
      />
      <VictoryLine />
    </VictoryChart>
  );
}

from victory.

andy-root avatar andy-root commented on June 13, 2024

Adding a works, thanks

from victory.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.