reactEcharts的事件有哪些

reactEcharts支持的事件有以下几种：

1. 点击事件（click）
2. 双击事件（dblclick）
3. 鼠标移入事件（mouseover）
4. 鼠标移出事件（mouseout）
5. 鼠标移动事件（mousemove）
6. 鼠标滚轮事件（mousewheel）
7. 图例选中事件（legendselectchanged）
8. 图例点击事件（legendselected）
9. 数据区域缩放事件（datazoom）
10. 数据区域选择事件（brushselected）
11. 数据区域还原事件（restore）
12. 保存图片事件（saveasimage）
13. 图形元素拖拽事件（drag）
14. 图形元素拖拽结束事件（dragend）
15. 图形元素拖拽进入事件（dragenter）
16. 图形元素拖拽离开事件（dragleave）
17. 图形元素拖拽悬停事件（dragover）
18. 图形元素拖拽放置事件（drop）

以上是reactEcharts支持的常用事件，具体使用方法可以参考官方文档或相关示例。

相关问题

reactEcharts图例区域事件是什么?不是图例选中

`react-echarts` 是 `Apache ECharts` 的 React 封装库。

图例区域事件是指用户在鼠标悬停在图例区域时触发的事件。这个事件可以用于处理一些与图例相关的交互操作，例如：当用户鼠标悬停在某个图例上时，可以高亮显示相应的数据系列或隐藏其他数据系列。

在 `react-echarts` 中，可以通过在 `option` 中设置 `legend` 属性的 `selectedMode` 字段为 `'single'` 或 `'multiple'` 来开启图例选择模式，并且可以监听 `onLegendselectchanged` 事件来处理图例选中的事件。具体实现可以参考 `Apache ECharts` 官方文档：[https://echarts.apache.org/zh/api.html#events-legendselectchanged](https://echarts.apache.org/zh/api.html#events-legendselectchanged)。

reactecharts结合百度地图后，实现在搜索框输入地址后，百度地图

根据输入的地址进行定位，然后在地图上标记出该地址的位置，可以参考以下步骤：

1. 在 React 组件中引入百度地图 API。可以使用百度地图提供的 JavaScript API 或者 React 组件库 baidu-map-react。

2. 在组件中添加一个搜索框，可以使用 React 组件库 antd 中的 Input 组件。

3. 监听搜索框的输入事件，获取用户输入的地址信息。

4. 调用百度地图 API 的 geocoder.geocode 方法将地址信息转换为经纬度坐标。

5. 在地图上添加标记，标记的位置为转换后的经纬度坐标。

以下是一个简单的示例代码，仅供参考：

import React, { useState } from 'react';
import { Input } from 'antd';
import BaiduMapReact from 'baidu-map-react';

const Map = () => {
  const [address, setAddress] = useState('');
  const [center, setCenter] = useState({ lng: 0, lat: 0 });

  const handleSearch = () => {
    // 调用百度地图 API 的 geocoder.geocode 方法将地址信息转换为经纬度坐标
    const geocoder = new window.BMap.Geocoder();
    geocoder.getPoint(address, (point) => {
      if (point) {
        setCenter({ lng: point.lng, lat: point.lat });
      }
    });
  };

  return (
    <div>
      <Input.Search placeholder="请输入地址" onSearch={handleSearch} />
      <BaiduMapReact
        center={center}
        zoom={11}
        style={{ width: '100%', height: '400px' }}
      >
        <BaiduMapReact.Marker position={center} />
      </BaiduMapReact>
    </div>
  );
};

export default Map;