export default function Example()

in packages/showcase/axes/static-hints.js [33:62]


export default function Example() {
  return (
    <XYPlot width={300} height={300}>
      <VerticalGridLines />
      <HorizontalGridLines />
      <XAxis />
      <YAxis />
      <LineSeries
        data={[
          {x: 0, y: 1},
          {x: 1, y: 10},
          {x: 2, y: 5},
          {x: 3, y: 15}
        ]}
      />
      <Hint value={{x: 1, y: 10}} />
      <Hint
        value={{x: 0.4, y: 14}}
        horizontalAlign={Hint.ALIGN.RIGHT}
        verticalAlign={Hint.ALIGN.BOTTOM}
      >
        <div className="custom-hint">
          This is a custom hint
          <br />
          for a non-existent value
        </div>
      </Hint>
    </XYPlot>
  );
}