---
title: 组件示例
order: 2
---

## 基础用法

```jsx
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import { DemoWrapper, GaugeChart, config } from '@linkdesign/screen';

const { _cssPrefix } = config;


class App extends Component {
  render() {
    return (
      <DemoWrapper className={`${_cssPrefix}main-body`} id="demo-Chart">
        <GaugeChart
          title="负荷指数"
          universalStyle={{
            width: 450,
            height: 240,
          }}
          config={{
            value: 5.4,
            limit: 6,
            min: 0,
            max: 8,
            tickInterval: 1,
            label: '良好',
          }}
        />
      </DemoWrapper>
    );
  }
}

ReactDOM.render((
  <App />
), mountNode);
```
