v2.7.1

Annotations Are Ludicrously Clickable

• Fixes an issue with the triangular annotation click targets being hard to click
• Makes the annotation line clickable

v2.7.0

Annotations Are More Clickable Than Ever Before

• Annotations with pins of start type have been spruced up. They now have a larger click target and a click handler (handleAnnotationClick) associated with them.

• AnnotationLayerConfig now has a handleAnnotationClick click handler which receives the id of the annotation clicked.

  

v2.6.3

Map Bugfix

Maps will calculate coordinates when provided with lat and lon fields

v2.6.2

Zooming on the graph no longer resets domains

v2.6.1

Fix typo in Annotation Tooltip testID

v2.6.0

Utilities for Single Stat exported for use

• getLatestValues and formatStatValue available as utilities
• storybook runs properly when Giraffe is cloned with a different local name

v2.5.0

TimeFormatterFactoryOptions Interface available

Exposes the configurable options of time format

v2.4.0

Single Click Interactions

• Adds a single-click interaction handler option; the double-click interaction handler is still present
  • the SizedPlot now uses the single click handler instead of the double-click handler

v2.3.0

Beta Release of exportImage

The top level Giraffe interface exports a new function: exportImage. This function lets you export screenshots of your graphs.

• exportImage takes your Giraffe graphs and produces a png screenshot from them.
  • Beta: The interface of this function and how it works might change without a breaking release and without warning
  • takes three arguments: Two required canvas elements: one representing the Axes, the other representing the main plot layer; and an optional margins structure to offset the two graphs for compositing

const axesCanvasRef: React.RefObject<HTMLCanvasElement> = React.createRef()
const layerCanvasRef: React.RefObject<HTMLCanvasElement> = React.createRef()

<>
  <button onClick={produceScreenshot}>Open a Screenshot in a new Window</button>
  <Plot
    config={config}
    axesCanvasRef={axesCanvasRef}
    layerCanvasRef={layerCanvasRef}
  />
</>

produceScreenshot = async () => {
  const base64Image = exportImage(layerCanvasRef, axesCanvasRef)
  window.open(base64Image, '_blank')
}

v2.2.0

Say hello to InteractionHandlerArguments

• Publishes a previously private interface, InteractionHandlerArguments.

export interface InteractionHandlerArguments {
  hoverX: number
  hoverY: number
  valueX: number | string
  valueY: number | string
  xDomain: number[]
  yDomain: number[]
  resetDomains: () => void
}