Tool tip header custom date

[eversadia]

Is there a way for the tool tip header to be customize some thing like the image below

[konstantinkreft]

Yep, that's definitely possible. You can add a tooltip formatter to to the primaryAxis to achieve this.

  const primaryAxis = React.useMemo<
    AxisOptions<typeof data[number]["data"][number]>
  >(
    () => ({
      getValue: (datum) => (datum.primary as unknown) as Date,
      formatters: {
        tooltip: (value: Date | null) => {
          if (!value) return "";
          return value.toLocaleString();
        }
      }
    }),
    []
  );

Added it to a codesandbox so you can tinker around a bit: https://codesandbox.io/s/crimson-rain-4m3fe?file=/src/components/Line.tsx

[ananduSiva]

Is there any documentation for other options apart from getValue and formatters ? Only getValue is mentioned in the official documentation.

Thank you for your help in advance