---
order: 1
group:
  title: 事件区
  order: 10
---

## 事件列表

Demo:

```tsx
import React from 'react';
import * as Charts from 'edata-charts';

const scale = 1;

const props = {
  env: 'dev',
  apiEnv: 'dev',
  eventCategories: [
    'SecurityEvent',
    'FireEvent',
    'CarTrafficEvent',
    'DynamicEnvironmentalEvent',
  ],
  id: '5f3a2568eb08670455f202d8',
  limit: 30,
  option: {},
  scale,
  projectId: 't20090',
  size: {
    width: '100%',
    height: 206,
  },
};





export default () => (
  <div
    style={{
      width: '100%',
      height: 208,
      transform: `scale(${scale}) translateZ(0)`,
      transformOrigin: 'left bottom',
      background: '#000'
    }}
  >
    <Charts.BizEventList {...props} />
  </div>
);
```