六边形动态进度条
npm install hexagonal-progressborderColor:边框颜色 String
progressColor:进度颜色 String
bgColor:背景色 String
fontColor:字体颜色 String
fontSize:字体大小（单位px） String
width:宽度（单位px）String
startRad:初始角度（-360°,360°） Number
number:进度（0-1）Number
<script >
import HexagonalProgress from "hexagonal-progress"
export default {
data(){
return {
option:{
borderColor: '#8ee6ff',
progressColor: '#0dc1f2',
bgColor: 'rgba(24,160,206,0.12)',
fontColor: '#0dc1f2',
fontSize: '16px',
width: '100px',
startRad: -120,
number: 0.11,
}
}
}
}
</script>
<template>
<HexagonalProgress :option="option"></HexagonalProgress>
</template>
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent