You signed in with another tab or window.
Reload
to refresh your session.
You signed out in another tab or window.
Reload
to refresh your session.
You switched accounts on another tab or window.
Reload
to refresh your session.
By clicking “Sign up for GitHub”, you agree to our
terms of service
and
privacy statement
. We’ll occasionally send you account related emails.
Already on GitHub?
Sign in
to your account
安装结束后你可以在
node_modules
文件夹内查看1.x组件库的源码
圆角柱状图
dataview\node_modules\@jiaminghi\data-view\components\capsuleChart\index.vue
dataview\node_modules\@jiaminghi\data-view\components\ringChart\index.vue
圆角柱状图的柱样式
.capsule-item {
box-shadow: 0 0 3px #999;
height: 10px;
margin: 5px 0px;
border-radius: 5px;
width: calc(~"100% - 50px");
div {
height: 8px;
margin-top: 1px;
border-radius: 5px;
transition: all 0.3s;
动态环图内部文字翻转动画
.current-label {
font-size: 16px;
margin-top: 5%;
transform: rotateY(0deg);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
.transform-text {
animation: transform-text 2s linear;
@keyframes transform-text {
transform: rotateY(360deg);
