Echarts可视化教程

  1. 网站首页
  2. 百度ECharts
  3. ECharts实例
  4. ECharts入门
  5. 地图大全
  6. ECharts官网

DataV数据组件库之类电池进度条

<template>
  <div class="vdata">
    <dv-full-screen-container>
      <dv-percent-pond :config="config" style="width:200px;height:100px;" />
    </dv-full-screen-container>
  </div>
</template>

<script>
export default {
  name: 'vdata',
  data () {
    return {
      config:{
        value: 66, //进度池数值
        lineDash: [5, 2], //线条间隙
        borderWidth: 5, //边框宽度
        borderRadius: 10, //边框半径	
        borderGap: 5, //边框间隙
        localGradient: true //局部渐变
      }
    }
  }
}
</script>
点击展开全文

相关文章

  1. DataV数据组件库之百分比水位图
  2. DataV数据组件库之胶囊柱数据分析图
  3. DataV数据组件库之如何给BI添加装饰
  4. DataV数据组件库之SVG特效边框
  5. DataV数据组件库之Loading加载

热门workflows工作流