<template>
  <div class="vdata">
    <dv-full-screen-container>
      <dv-water-level-pond :config="config" style="width:240px;height:240px" />
    </dv-full-screen-container>
  </div>
</template>

<script>
export default {
  name: 'vdata',
  data () {
    return {
      config:{
        data: [55],
        shape: 'round'
      }
    }
  }
}
</script>

<style>
.dv-water-pond-level canvas{
  margin-left: 0;
}
</style>

备注：data（水位位置）：Arrya<Number>；shape（水位图形状）：String；colors（水位图配色）：Array<String>；waveNum（波浪数量）：Number；waveHeight（波浪高度）：Number；waveOpacity（波浪透明度）：Number ；formatter（信息格式化）：String。