在react-vega-lite中通过模式显示工具提示

import React from 'react';
import { VegaLite } from 'react-vega-lite';

const data = {
  values: [
    { x: 'A', y: 28 },
    { x: 'B', y: 55 },
    { x: 'C', y: 43 },
    { x: 'D', y: 91 },
    { x: 'E', y: 81 },
    { x: 'F', y: 53 },
    { x: 'G', y: 19 },
    { x: 'H', y: 87 },
    { x: 'I', y: 52 },
  ],
};

const spec = {
  mark: 'bar',
  encoding: {
    x: { field: 'x', type: 'ordinal' },
    y: { field: 'y', type: 'quantitative' },
    tooltip: [
      { field: 'x', type: 'ordinal' },
      { field: 'y', type: 'quantitative' },
    ],
  },
};

const App = () => {
  return <VegaLite spec={spec} data={data} />;
};

export default App;