Compare commits
14 Commits
V2.7.0-alp
...
V2.7.3-alp
Author | SHA1 | Date | |
---|---|---|---|
4b69668327 | |||
d15bcf34cb | |||
43a04efb62 | |||
81b8bef8e1 | |||
6467bd516f | |||
62c5998938 | |||
247221729f | |||
c48aa8ee84 | |||
b18962855c | |||
ae3345bd95 | |||
dceb761e8c | |||
bd178192f1 | |||
8c47ae03db | |||
cc14ac7670 |
18
CHANGELOG.md
18
CHANGELOG.md
@ -1,3 +1,21 @@
|
|||||||
|
# 2.7.3-alpha (2020-01-16)
|
||||||
|
|
||||||
|
### Bug Fixes
|
||||||
|
|
||||||
|
- **activeRingChart:** `parseInt` precision lost.
|
||||||
|
|
||||||
|
# 2.7.2-alpha (2020-01-10)
|
||||||
|
|
||||||
|
### Perfect
|
||||||
|
|
||||||
|
- **ativeRingChart:** Add digitalFlopToFixed configuration.
|
||||||
|
|
||||||
|
# 2.7.1-alpha (2020-01-08)
|
||||||
|
|
||||||
|
### Bug Fixes
|
||||||
|
|
||||||
|
- **flylineChartEnhanced:** Exception when relative is false.
|
||||||
|
|
||||||
# 2.7.0-alpha (2020-01-05)
|
# 2.7.0-alpha (2020-01-05)
|
||||||
|
|
||||||
### New
|
### New
|
||||||
|
21
dist/datav.map.vue.js
vendored
21
dist/datav.map.vue.js
vendored
@ -3735,7 +3735,7 @@
|
|||||||
const timestamp = Date.now();
|
const timestamp = Date.now();
|
||||||
return {
|
return {
|
||||||
ref: 'border-box-11',
|
ref: 'border-box-11',
|
||||||
filterId: `borderr-box-11-filterId-${timestamp}`,
|
filterId: `border-box-11-filterId-${timestamp}`,
|
||||||
defaultColor: ['#8aaafb', '#1f33a2'],
|
defaultColor: ['#8aaafb', '#1f33a2'],
|
||||||
mergedColor: []
|
mergedColor: []
|
||||||
};
|
};
|
||||||
@ -4225,7 +4225,7 @@
|
|||||||
/* style */
|
/* style */
|
||||||
const __vue_inject_styles__$c = function (inject) {
|
const __vue_inject_styles__$c = function (inject) {
|
||||||
if (!inject) return
|
if (!inject) return
|
||||||
inject("data-v-35a67b46_0", { source: ".dv-border-box-11 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-11 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-11 .dv-border-svg-container polyline {\n fill: none;\n stroke-width: 1;\n}\n.dv-border-box-11 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,QAAQ;EACR,SAAS;AACX;AACA;EACE,UAAU;EACV,eAAe;AACjB;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-11 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-11 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-11 .dv-border-svg-container polyline {\n fill: none;\n stroke-width: 1;\n}\n.dv-border-box-11 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined });
|
inject("data-v-75210825_0", { source: ".dv-border-box-11 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-11 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-11 .dv-border-svg-container polyline {\n fill: none;\n stroke-width: 1;\n}\n.dv-border-box-11 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,QAAQ;EACR,SAAS;AACX;AACA;EACE,UAAU;EACV,eAAe;AACjB;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-11 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-11 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-11 .dv-border-svg-container polyline {\n fill: none;\n stroke-width: 1;\n}\n.dv-border-box-11 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined });
|
||||||
|
|
||||||
};
|
};
|
||||||
/* scoped */
|
/* scoped */
|
||||||
@ -19182,6 +19182,12 @@
|
|||||||
fill: '#fff'
|
fill: '#fff'
|
||||||
},
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description Digital flop toFixed
|
||||||
|
* @type {Number}
|
||||||
|
*/
|
||||||
|
digitalFlopToFixed: 0,
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @description CRender animationCurve
|
* @description CRender animationCurve
|
||||||
* @type {String}
|
* @type {String}
|
||||||
@ -19212,17 +19218,19 @@
|
|||||||
if (!mergedConfig) return {};
|
if (!mergedConfig) return {};
|
||||||
const {
|
const {
|
||||||
digitalFlopStyle,
|
digitalFlopStyle,
|
||||||
|
digitalFlopToFixed,
|
||||||
data
|
data
|
||||||
} = mergedConfig;
|
} = mergedConfig;
|
||||||
const value = data.map(({
|
const value = data.map(({
|
||||||
value
|
value
|
||||||
}) => value);
|
}) => value);
|
||||||
const sum = value.reduce((all, v) => all + v, 0);
|
const sum = value.reduce((all, v) => all + v, 0);
|
||||||
const percent = parseInt(value[activeIndex] / sum * 100) || 0;
|
const percent = parseFloat(value[activeIndex] / sum * 100) || 0;
|
||||||
return {
|
return {
|
||||||
content: '{nt}%',
|
content: '{nt}%',
|
||||||
number: [percent],
|
number: [percent],
|
||||||
style: digitalFlopStyle
|
style: digitalFlopStyle,
|
||||||
|
toFixed: digitalFlopToFixed
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -19420,7 +19428,7 @@
|
|||||||
/* style */
|
/* style */
|
||||||
const __vue_inject_styles__$s = function (inject) {
|
const __vue_inject_styles__$s = function (inject) {
|
||||||
if (!inject) return
|
if (!inject) return
|
||||||
inject("data-v-784c5a14_0", { source: ".dv-active-ring-chart {\n position: relative;\n}\n.dv-active-ring-chart .active-ring-chart-container {\n width: 100%;\n height: 100%;\n}\n.dv-active-ring-chart .active-ring-info {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0px;\n top: 0px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.dv-active-ring-chart .active-ring-info .dv-digital-flop {\n width: 100px;\n height: 30px;\n}\n.dv-active-ring-chart .active-ring-info .active-ring-name {\n width: 100px;\n height: 30px;\n color: #fff;\n text-align: center;\n vertical-align: middle;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;AACpB;AACA;EACE,WAAW;EACX,YAAY;AACd;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,SAAS;EACT,QAAQ;EACR,aAAa;EACb,sBAAsB;EACtB,uBAAuB;EACvB,mBAAmB;AACrB;AACA;EACE,YAAY;EACZ,YAAY;AACd;AACA;EACE,YAAY;EACZ,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,sBAAsB;EACtB,uBAAuB;EACvB,gBAAgB;EAChB,mBAAmB;AACrB","file":"main.vue","sourcesContent":[".dv-active-ring-chart {\n position: relative;\n}\n.dv-active-ring-chart .active-ring-chart-container {\n width: 100%;\n height: 100%;\n}\n.dv-active-ring-chart .active-ring-info {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0px;\n top: 0px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.dv-active-ring-chart .active-ring-info .dv-digital-flop {\n width: 100px;\n height: 30px;\n}\n.dv-active-ring-chart .active-ring-info .active-ring-name {\n width: 100px;\n height: 30px;\n color: #fff;\n text-align: center;\n vertical-align: middle;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n"]}, media: undefined });
|
inject("data-v-b2e793e2_0", { source: ".dv-active-ring-chart {\n position: relative;\n}\n.dv-active-ring-chart .active-ring-chart-container {\n width: 100%;\n height: 100%;\n}\n.dv-active-ring-chart .active-ring-info {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0px;\n top: 0px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.dv-active-ring-chart .active-ring-info .dv-digital-flop {\n width: 100px;\n height: 30px;\n}\n.dv-active-ring-chart .active-ring-info .active-ring-name {\n width: 100px;\n height: 30px;\n color: #fff;\n text-align: center;\n vertical-align: middle;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;AACpB;AACA;EACE,WAAW;EACX,YAAY;AACd;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,SAAS;EACT,QAAQ;EACR,aAAa;EACb,sBAAsB;EACtB,uBAAuB;EACvB,mBAAmB;AACrB;AACA;EACE,YAAY;EACZ,YAAY;AACd;AACA;EACE,YAAY;EACZ,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,sBAAsB;EACtB,uBAAuB;EACvB,gBAAgB;EAChB,mBAAmB;AACrB","file":"main.vue","sourcesContent":[".dv-active-ring-chart {\n position: relative;\n}\n.dv-active-ring-chart .active-ring-chart-container {\n width: 100%;\n height: 100%;\n}\n.dv-active-ring-chart .active-ring-info {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0px;\n top: 0px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.dv-active-ring-chart .active-ring-info .dv-digital-flop {\n width: 100px;\n height: 30px;\n}\n.dv-active-ring-chart .active-ring-info .active-ring-name {\n width: 100px;\n height: 30px;\n color: #fff;\n text-align: center;\n vertical-align: middle;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n"]}, media: undefined });
|
||||||
|
|
||||||
};
|
};
|
||||||
/* scoped */
|
/* scoped */
|
||||||
@ -21518,7 +21526,6 @@
|
|||||||
relative,
|
relative,
|
||||||
points
|
points
|
||||||
} = mergedConfig;
|
} = mergedConfig;
|
||||||
if (!relative) return;
|
|
||||||
this.flylinePoints = points.map((item, i) => {
|
this.flylinePoints = points.map((item, i) => {
|
||||||
const {
|
const {
|
||||||
coordinate: [x, y],
|
coordinate: [x, y],
|
||||||
@ -21913,7 +21920,7 @@
|
|||||||
/* style */
|
/* style */
|
||||||
const __vue_inject_styles__$x = function (inject) {
|
const __vue_inject_styles__$x = function (inject) {
|
||||||
if (!inject) return
|
if (!inject) return
|
||||||
inject("data-v-185fc66c_0", { source: ".dv-flyline-chart-enhanced {\n display: flex;\n flex-direction: column;\n background-size: 100% 100%;\n}\n.dv-flyline-chart-enhanced text {\n text-anchor: middle;\n dominant-baseline: middle;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,aAAa;EACb,sBAAsB;EACtB,0BAA0B;AAC5B;AACA;EACE,mBAAmB;EACnB,yBAAyB;AAC3B","file":"main.vue","sourcesContent":[".dv-flyline-chart-enhanced {\n display: flex;\n flex-direction: column;\n background-size: 100% 100%;\n}\n.dv-flyline-chart-enhanced text {\n text-anchor: middle;\n dominant-baseline: middle;\n}\n"]}, media: undefined });
|
inject("data-v-5cc44b0b_0", { source: ".dv-flyline-chart-enhanced {\n display: flex;\n flex-direction: column;\n background-size: 100% 100%;\n}\n.dv-flyline-chart-enhanced text {\n text-anchor: middle;\n dominant-baseline: middle;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,aAAa;EACb,sBAAsB;EACtB,0BAA0B;AAC5B;AACA;EACE,mBAAmB;EACnB,yBAAyB;AAC3B","file":"main.vue","sourcesContent":[".dv-flyline-chart-enhanced {\n display: flex;\n flex-direction: column;\n background-size: 100% 100%;\n}\n.dv-flyline-chart-enhanced text {\n text-anchor: middle;\n dominant-baseline: middle;\n}\n"]}, media: undefined });
|
||||||
|
|
||||||
};
|
};
|
||||||
/* scoped */
|
/* scoped */
|
||||||
|
2
dist/datav.min.vue.js
vendored
2
dist/datav.min.vue.js
vendored
File diff suppressed because one or more lines are too long
@ -78,6 +78,11 @@ export default {
|
|||||||
fontSize: 25,
|
fontSize: 25,
|
||||||
fill: '#fff'
|
fill: '#fff'
|
||||||
},
|
},
|
||||||
|
/**
|
||||||
|
* @description Digital flop toFixed
|
||||||
|
* @type {Number}
|
||||||
|
*/
|
||||||
|
digitalFlopToFixed: 0,
|
||||||
/**
|
/**
|
||||||
* @description CRender animationCurve
|
* @description CRender animationCurve
|
||||||
* @type {String}
|
* @type {String}
|
||||||
@ -107,18 +112,19 @@ export default {
|
|||||||
|
|
||||||
if (!mergedConfig) return {}
|
if (!mergedConfig) return {}
|
||||||
|
|
||||||
const { digitalFlopStyle, data } = mergedConfig
|
const { digitalFlopStyle, digitalFlopToFixed, data } = mergedConfig
|
||||||
|
|
||||||
const value = data.map(({ value }) => value)
|
const value = data.map(({ value }) => value)
|
||||||
|
|
||||||
const sum = value.reduce((all, v) => all + v, 0)
|
const sum = value.reduce((all, v) => all + v, 0)
|
||||||
|
|
||||||
const percent = parseInt(value[activeIndex] / sum * 100) || 0
|
const percent = parseFloat(value[activeIndex] / sum * 100) || 0
|
||||||
|
|
||||||
return {
|
return {
|
||||||
content: '{nt}%',
|
content: '{nt}%',
|
||||||
number: [percent],
|
number: [percent],
|
||||||
style: digitalFlopStyle
|
style: digitalFlopStyle,
|
||||||
|
toFixed: digitalFlopToFixed
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
ringName () {
|
ringName () {
|
||||||
|
@ -237,7 +237,7 @@ export default {
|
|||||||
const timestamp = Date.now()
|
const timestamp = Date.now()
|
||||||
return {
|
return {
|
||||||
ref: 'border-box-11',
|
ref: 'border-box-11',
|
||||||
filterId: `borderr-box-11-filterId-${timestamp}`,
|
filterId: `border-box-11-filterId-${timestamp}`,
|
||||||
|
|
||||||
defaultColor: ['#8aaafb', '#1f33a2'],
|
defaultColor: ['#8aaafb', '#1f33a2'],
|
||||||
|
|
||||||
|
@ -472,8 +472,6 @@ export default {
|
|||||||
|
|
||||||
const { relative, points } = mergedConfig
|
const { relative, points } = mergedConfig
|
||||||
|
|
||||||
if (!relative) return
|
|
||||||
|
|
||||||
this.flylinePoints = points.map((item, i) => {
|
this.flylinePoints = points.map((item, i) => {
|
||||||
const { coordinate: [x, y], halo, icon, text } = item
|
const { coordinate: [x, y], halo, icon, text } = item
|
||||||
|
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@jiaminghi/data-view",
|
"name": "@jiaminghi/data-view",
|
||||||
"version": "2.7.0",
|
"version": "2.7.3",
|
||||||
"author": "JiaMing <743192023@qq.com>",
|
"author": "JiaMing <743192023@qq.com>",
|
||||||
"description": "Vue Large screen data display component library",
|
"description": "Vue Large screen data display component library",
|
||||||
"main": "lib/index.js",
|
"main": "lib/index.js",
|
||||||
|
@ -78,6 +78,11 @@ export default {
|
|||||||
fontSize: 25,
|
fontSize: 25,
|
||||||
fill: '#fff'
|
fill: '#fff'
|
||||||
},
|
},
|
||||||
|
/**
|
||||||
|
* @description Digital flop toFixed
|
||||||
|
* @type {Number}
|
||||||
|
*/
|
||||||
|
digitalFlopToFixed: 0,
|
||||||
/**
|
/**
|
||||||
* @description CRender animationCurve
|
* @description CRender animationCurve
|
||||||
* @type {String}
|
* @type {String}
|
||||||
@ -107,18 +112,19 @@ export default {
|
|||||||
|
|
||||||
if (!mergedConfig) return {}
|
if (!mergedConfig) return {}
|
||||||
|
|
||||||
const { digitalFlopStyle, data } = mergedConfig
|
const { digitalFlopStyle, digitalFlopToFixed, data } = mergedConfig
|
||||||
|
|
||||||
const value = data.map(({ value }) => value)
|
const value = data.map(({ value }) => value)
|
||||||
|
|
||||||
const sum = value.reduce((all, v) => all + v, 0)
|
const sum = value.reduce((all, v) => all + v, 0)
|
||||||
|
|
||||||
const percent = parseInt(value[activeIndex] / sum * 100) || 0
|
const percent = parseFloat(value[activeIndex] / sum * 100) || 0
|
||||||
|
|
||||||
return {
|
return {
|
||||||
content: '{nt}%',
|
content: '{nt}%',
|
||||||
number: [percent],
|
number: [percent],
|
||||||
style: digitalFlopStyle
|
style: digitalFlopStyle,
|
||||||
|
toFixed: digitalFlopToFixed
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
ringName () {
|
ringName () {
|
||||||
|
@ -237,7 +237,7 @@ export default {
|
|||||||
const timestamp = Date.now()
|
const timestamp = Date.now()
|
||||||
return {
|
return {
|
||||||
ref: 'border-box-11',
|
ref: 'border-box-11',
|
||||||
filterId: `borderr-box-11-filterId-${timestamp}`,
|
filterId: `border-box-11-filterId-${timestamp}`,
|
||||||
|
|
||||||
defaultColor: ['#8aaafb', '#1f33a2'],
|
defaultColor: ['#8aaafb', '#1f33a2'],
|
||||||
|
|
||||||
|
@ -472,8 +472,6 @@ export default {
|
|||||||
|
|
||||||
const { relative, points } = mergedConfig
|
const { relative, points } = mergedConfig
|
||||||
|
|
||||||
if (!relative) return
|
|
||||||
|
|
||||||
this.flylinePoints = points.map((item, i) => {
|
this.flylinePoints = points.map((item, i) => {
|
||||||
const { coordinate: [x, y], halo, icon, text } = item
|
const { coordinate: [x, y], halo, icon, text } = item
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user