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更新option

要更新ReactEcharts的option，需要在组件中使用state来保存option。然后，在需要更新option的时候，使用setState来更新state中的option。ReactEcharts会自动将更新后的option渲染到图表中。

以下是一个示例代码：

import React, { useState } from 'react';
import ReactEcharts from 'echarts-for-react';

function MyChart() {
  const [option, setOption] = useState({
    // 初始option
    xAxis: {
      type: 'category',
      data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
      type: 'value'
    },
    series: [{
      data: [820, 932, 901, 934, 1290, 1330, 1320],
      type: 'line'
    }]
  });

  function handleClick() {
    // 更新option
    setOption({
      xAxis: {
        type: 'category',
        data: ['A', 'B', 'C', 'D', 'E', 'F', 'G']
      },
      yAxis: {
        type: 'value'
      },
      series: [{
        data: [100, 200, 300, 400, 500, 600, 700],
        type: 'line'
      }]
    });
  }

  return (
    <div>
      <ReactEcharts option={option} />
      <button onClick={handleClick}>更新</button>
    </div>
  );
}