diff --git a/src/App.vue b/src/App.vue index 46687b7..7333ad7 100644 --- a/src/App.vue +++ b/src/App.vue @@ -4,7 +4,7 @@
- 累计进馆人数: {{ sumYear_num }} 人 + 累计服务人数: {{ sumYear_num }} 人
{{ nowtime }} {{ curtime }}
diff --git a/src/views/cultrue/index.vue b/src/views/cultrue/index.vue index 075261b..89d1a2e 100644 --- a/src/views/cultrue/index.vue +++ b/src/views/cultrue/index.vue @@ -488,6 +488,11 @@ export default { value: 24546, }, ]; + let valueColor = [ + { color1: '#15224C', color2: '#FF0042', unit: ' 人 '}, + { color1: '#15224C', color2: '#FED700', unit: ' 册 '}, + { color1: '#15224C', color2: '#00FEC5', unit: ' 册 '} + ] var libraryIcons = { 'Lend': '/img/wh_right1.png', 'Still': '/img/wh_right2.png', @@ -648,7 +653,7 @@ export default { lineHeight: 30, fontSize: 16, formatter: function (value, index) { - return data[index].value + ' 册 ' + return data[index].value + valueColor[index].unit }, } }], @@ -676,27 +681,23 @@ export default { // align: left, itemStyle: { normal: { - color: new echarts.graphic.LinearGradient( - 0, - 0, - 1, - 0, - [{ - offset: 0, - color: '#A71A2B' - }, - { - offset: 0.7, - color: '#A71A2B' - }, - { - offset: 1, - color: '#5EDEE5' - } - ], - - false - ), + color: (params) => { + var index = params.dataIndex; + if (params.dataIndex >= valueColor.length) { + index = params.dataIndex - valueColor.length; + } + return new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ + offset: 0, + color: valueColor[index].color1 + }, + { + offset: 0.8, + color: valueColor[index].color2 + },{ + offset: 1, + color: valueColor[index].color2 + }]); + }, barBorderRadius: 10 }, // color: '#A71A2B', diff --git a/src/views/index.vue b/src/views/index.vue index 3fa0148..9b5ea0f 100644 --- a/src/views/index.vue +++ b/src/views/index.vue @@ -96,7 +96,7 @@
-
各场馆实施实时进馆人数
+
各场馆实时进馆人数
diff --git a/src/views/ty/index.vue b/src/views/ty/index.vue index f0aa5da..18ffddd 100644 --- a/src/views/ty/index.vue +++ b/src/views/ty/index.vue @@ -677,7 +677,7 @@ export default { top: 230, bottom: 240, right: 20, - left: 36, + left: 50, textStyle: { color: "#fff" } @@ -730,6 +730,8 @@ export default { fontSize: '12', }, formatter: '{value}', + align: 'left', + margin: 40 }, }, series: series, @@ -836,7 +838,7 @@ export default { // 创建播放实例 initPlugin() { let _that = this; - const oWebControl0 = new window.WebControl({ + let oWebControl0 = new window.WebControl({ szPluginContainer: 'camera0', // 指定容器id iServicePortStart: 15900, // 指定起止端口号,建议使用该值 iServicePortEnd: 15900, @@ -895,7 +897,7 @@ export default { }, initPlugin2() { let _that = this; - const oWebControl1 = new window.WebControl({ + let oWebControl1 = new window.WebControl({ szPluginContainer: 'camera1', // 指定容器id iServicePortStart: 15900, // 指定起止端口号,建议使用该值 iServicePortEnd: 15900, @@ -956,7 +958,7 @@ export default { }, initPlugin3() { let _that = this; - const oWebControl2 = new window.WebControl({ + let oWebControl2 = new window.WebControl({ szPluginContainer: 'camera2', // 指定容器id iServicePortStart: 15900, // 指定起止端口号,建议使用该值 iServicePortEnd: 15900,