diff --git a/src/views/EventComparison/CWIEC/index.vue b/src/views/EventComparison/CWIEC/index.vue new file mode 100644 index 0000000..c1eabb5 --- /dev/null +++ b/src/views/EventComparison/CWIEC/index.vue @@ -0,0 +1,41 @@ + + + + + + + diff --git a/src/views/EventComparison/CWIEC/opt.js b/src/views/EventComparison/CWIEC/opt.js new file mode 100644 index 0000000..35e47af --- /dev/null +++ b/src/views/EventComparison/CWIEC/opt.js @@ -0,0 +1,8 @@ +/* + * @Author: your name + * @Date: 2021-10-19 09:55:35 + * @LastEditTime: 2021-10-19 09:55:36 + * @LastEditors: Please set LastEditors + * @Description: In User Settings Edit + * @FilePath: /data-show/src/views/EventComparison/CWIEC/opt.js + */ diff --git a/src/views/EventComparison/comparisonOfEventpp/index.vue b/src/views/EventComparison/comparisonOfEventpp/index.vue index e678236..7ab5246 100644 --- a/src/views/EventComparison/comparisonOfEventpp/index.vue +++ b/src/views/EventComparison/comparisonOfEventpp/index.vue @@ -1,7 +1,7 @@ + + + + + + diff --git a/src/views/EventComparison/index.vue b/src/views/EventComparison/index.vue index e2709e6..f8f90b5 100644 --- a/src/views/EventComparison/index.vue +++ b/src/views/EventComparison/index.vue @@ -1,7 +1,7 @@ + + + + + diff --git a/src/views/EventComparison/uadEc/opt1.js b/src/views/EventComparison/uadEc/opt1.js new file mode 100644 index 0000000..02ca558 --- /dev/null +++ b/src/views/EventComparison/uadEc/opt1.js @@ -0,0 +1,75 @@ + + +/* + * @Author: your name + * @Date: 2021-10-09 12:38:34 + * @LastEditTime: 2021-10-14 11:48:19 + * @LastEditors: Please set LastEditors + * @Description: In User Settings Edit + * @FilePath: /data-show/src/views/Index/tailInsight/opt.js + */ +import * as echarts from "echarts"; +export default function createOptD1() { + return { + grid: { + left: '4%', + right: '4%', + bottom: '4%', + top: "1%", + containLabel: true + }, + tooltip: { + trigger: "axis", + backgroundColor: "#08182F", + color: "#fff", + borderColor: "#3373CC", + textStyle: { + color: "#fff", //设置文字颜色 + }, + extraCssText: "box-shadow: 0px 0px 10px 0px #3373CC;" + }, + xAxis: { + type: 'value', + axisLine: { + show: false, + lineStyle: { + color: "#fff", + }, + }, + splitLine: { + lineStyle: { + type: "dashed", // y轴分割线类型 + color: "#012b4b", + }, + }, + }, + yAxis: { + type: 'category', + data: ['山西省', '浙江省', '北京市', '江西省', '江苏省', '福建省', '山东省', '天津市'], + axisTick: { + show: false, + }, + axisLine: { + show: false, + lineStyle: { + color: "#fff", + }, + }, + }, + series: [ + { + name: '2011', + type: 'bar', + barWidth: 24, + data: [500, 1000, 2220, 3000, 4000, 3000,2200, 2600], + color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ + offset: 0, + color: '#010B19' + }, { + offset: 1, + color: '#2f68b4' + }]), + } + ] + } +} diff --git a/src/views/EventComparison/uadEc/opt2.js b/src/views/EventComparison/uadEc/opt2.js new file mode 100644 index 0000000..178233f --- /dev/null +++ b/src/views/EventComparison/uadEc/opt2.js @@ -0,0 +1,134 @@ +/* + * @Author: your name + * @Date: 2021-10-14 11:53:16 + * @LastEditTime: 2021-10-14 15:51:30 + * @LastEditors: Please set LastEditors + * @Description: In User Settings Edit + * @FilePath: /data-show/src/views/WeiboDetails/weiboUserActiveArea/opt2.js + */ +const ini_data = [];//初始化省份数组 +const provArr = ['河北', '河南', '云南', '辽宁', '黑龙江', '湖南', '安徽', '山东']; +//正则省份，将省与市的字眼去掉，框架不识别 +for (var i = 0; i < provArr.length; i++) { + var str = provArr[i]; + var re = /省|市/g; //全局匹配 + var str2 = { name: str.replace(re, ''), value: 5 };//拼接对象数组 + ini_data.push(str2); +} +export default function createOptD2() { + return { + tooltip: { + trigger: "item", + backgroundColor: "#08182F", + color: "#fff", + borderColor: "#3373CC", + textStyle: { + color: "#fff", //设置文字颜色 + }, + extraCssText: "box-shadow: 0px 0px 10px 0px #3373CC;" + }, + // geo: { + // show: true, + // map: 'china', + // roam: false,//地图设置不可拖拽，固定的 + // itemStyle: { + // normal: { + // borderWidth: 0, + // shadowColor: 'rgba(0,54,255, 1)', + // shadowBlur: 100 + // } + // } + // }, + visualMap: { + type: 'continuous', + show: false, + min: 0, + max: 2000, + text: ['高', '低'], + orient: 'horizontal', + itemWidth: 15, + itemHeight: 200, + right: 0, + bottom: 30, + inRange: { + color: ['#0393d2', '#75ddff'] + }, + textStyle: { + color: 'white' + } + }, + series: [ + { + name: "微博区域", + type: "map", + mapType: "china", + roam: false, + zoom: 1,//默认地图在容器中显示zoom:1,可根据需求放大缩小地图 + left: 16, + top: 20, + right: 10, + bottom: 10, + selectedMode:'multiple', + colorBy: 'data', + itemStyle: { + areaColor: '#001f5b',//地图区域背景颜色 + borderColor: '#005cf9',//地图边界颜色 + shadowColor: '#005cf9', + emphasis: { + areaColor: '#3066ba',//鼠标滑过区域颜色 + label: { + color: '#fff' + } + } + }, + label: { + normal: { + show: false + }, + }, + + // select: { + // label: { + // show: false + // }, + // itemStyle: { + // areaColor: '#3edffe' + // } + // }, + data: [ + { + name: "河北省", + value: 1000, + // selected: true, + }, + { + name: "浙江省", + value: 1100, + // selected: true + }, + { + name: "山东省", + value: 1200, + // selected: true + }, + { + name: "山西省", + value: 1300, + // selected: true + }, + { + name: "上海市", + value: 1400, + // selected: true + }, + { + name: "江苏省", + value: 1500, + // selected: true + } + ] + + } + ] + } +} diff --git a/src/views/EventComparison/wbcEc/index.vue b/src/views/EventComparison/wbcEc/index.vue new file mode 100644 index 0000000..1528c84 --- /dev/null +++ b/src/views/EventComparison/wbcEc/index.vue @@ -0,0 +1,41 @@ + + + + + + + diff --git a/src/views/EventComparison/wbcEc/opt.js b/src/views/EventComparison/wbcEc/opt.js new file mode 100644 index 0000000..c96cf98 --- /dev/null +++ b/src/views/EventComparison/wbcEc/opt.js @@ -0,0 +1,87 @@ +/* + * @Author: your name + * @Date: 2021-10-09 11:01:19 + * @LastEditTime: 2021-10-19 10:19:28 + * @LastEditors: Please set LastEditors + * @Description: In User Settings Edit + * @FilePath: /data-show/src/views/Index/spreadTheSound/opt.js + */ +export default function createOpt() { + return { + grid: { + left: 16, + right: 16, + bottom: 16, + top: 56, + containLabel: true + }, + tooltip: { + trigger: "axis", + backgroundColor: "#08182F", + color: "#fff", + borderColor: "#3373CC", + textStyle: { + color: "#fff", //设置文字颜色 + }, + extraCssText: "box-shadow: 0px 0px 10px 0px #3373CC;" + }, + legend: { + textStyle: { //图例文字的样式 + color: '#fff' + }, + y: 10, + x: 16 + }, + xAxis: { + type: 'category', + axisTick: { + show: false, + }, + axisLine: { + show: false, + lineStyle: { + color: "#fff", + }, + }, + data: ['名人', '媒体', '企业', '政府', '个人大v'] + }, + yAxis: { + type: 'value', + axisLine: { + show: false, + lineStyle: { + color: "#fff", + }, + }, + splitLine: { + lineStyle: { + type: "dashed", // y轴分割线类型 + color: "#012b4b", + }, + }, + }, + series: [ + { + name: '事件一', + type: 'bar', + stack: 'total', + barWidth: 24, + emphasis: { + focus: 'series' + }, + data: [320, 302, 301, 334, 390] + }, + { + name: '事件二', + type: 'bar', + stack: 'total', + barWidth: 24, + emphasis: { + focus: 'series' + }, + data: [120, 132, 101, 134, 90] + }, + ] + } + +} \ No newline at end of file diff --git a/src/views/EventComparison/wtcEc/index.vue b/src/views/EventComparison/wtcEc/index.vue new file mode 100644 index 0000000..b05efe4 --- /dev/null +++ b/src/views/EventComparison/wtcEc/index.vue @@ -0,0 +1,70 @@ + + + + + + + diff --git a/src/views/EventComparison/wtcEc/opt.js b/src/views/EventComparison/wtcEc/opt.js new file mode 100644 index 0000000..54f07f6 --- /dev/null +++ b/src/views/EventComparison/wtcEc/opt.js @@ -0,0 +1,122 @@ +/* + * @Author: your name + * @Date: 2021-10-12 14:33:51 + * @LastEditTime: 2021-10-19 10:42:22 + * @LastEditors: Please set LastEditors + * @Description: In User Settings Edit + * @FilePath: /data-show/src/views/BrandInsight/weiboKol/opt.js + */ +import * as echarts from "echarts"; +export default function createOpt() { + return { + legend: { + textStyle: { //图例文字的样式 + color: '#fff' + }, + y: 10, + x: 16 + }, + series: [ + { + name: 'Access From0', + type: 'pie', + radius: ['60%', '70%'], + avoidLabelOverlap: false, + label: { + show: false, + position: 'center', + lineHeight: 40 + }, + emphasis: { + label: { + show: true, + fontSize: '20', + color: "#ffff", + fontWeight: 'bold', + formatter: function(p) { + return `${p.data.name}\n25%\n${p.data.value}` + } + } + }, + labelLine: { + show: false + }, + data: [ + { value: 2000, name: '正面', itemStyle: {color: new echarts.graphic.LinearGradient(0, 1, 1, 0, [{ + //给颜色设置渐变色 前面4个参数，给第一个设置1，第四个设置0 ，就是水平渐变 + //给第一个设置0，第四个设置1，就是垂直渐变 + offset: 0, + color: 'black' + }, { + offset: 1, + color: '#3373CC' + }])} }, + + { value: 1000, name: '中性', itemStyle: {color: new echarts.graphic.LinearGradient(0, 1, 1, 0, [{ + //给颜色设置渐变色 前面4个参数，给第一个设置1，第四个设置0 ，就是水平渐变 + //给第一个设置0，第四个设置1，就是垂直渐变 + offset: 0, + color: 'black' + }, { + offset: 1, + color: '#54BF93' + }])} }, + { value: 1000, name: '负面', itemStyle: {color: new echarts.graphic.LinearGradient(0, 1, 1, 0, [{ + //给颜色设置渐变色 前面4个参数，给第一个设置1，第四个设置0 ，就是水平渐变 + //给第一个设置0，第四个设置1，就是垂直渐变 + offset: 0, + color: 'black' + }, { + offset: 1, + color: '#b38b14' + }])} }, + ], + }, + { + name: 'Access From1', + type: 'pie', + radius: ['74%', '78%'], + avoidLabelOverlap: false, + label: { + show: false, + position: 'center' + }, + labelLine: { + show: false + }, + center: ['50%', '50%'],//边框位置 + data: [ + { value: 2000, name: '正面', itemStyle: {color: new echarts.graphic.LinearGradient(0, 1, 1, 0, [{ + //给颜色设置渐变色 前面4个参数，给第一个设置1，第四个设置0 ，就是水平渐变 + //给第一个设置0，第四个设置1，就是垂直渐变 + offset: 0, + color: 'black' + }, { + offset: 1, + color: '#3373CC' + }])} }, + + { value: 1000, name: '中性', itemStyle: {color: new echarts.graphic.LinearGradient(0, 1, 1, 0, [{ + //给颜色设置渐变色 前面4个参数，给第一个设置1，第四个设置0 ，就是水平渐变 + //给第一个设置0，第四个设置1，就是垂直渐变 + offset: 0, + color: 'black' + }, { + offset: 1, + color: '#54BF93' + }])} }, + { value: 1000, name: '负面', itemStyle: {color: new echarts.graphic.LinearGradient(0, 1, 1, 0, [{ + //给颜色设置渐变色 前面4个参数，给第一个设置1，第四个设置0 ，就是水平渐变 + //给第一个设置0，第四个设置1，就是垂直渐变 + offset: 0, + color: 'black' + }, { + offset: 1, + color: '#b38b14' + }])} }, + + ], + } + ] + } +} diff --git a/src/views/EventComparison/wupEc/index.vue b/src/views/EventComparison/wupEc/index.vue new file mode 100644 index 0000000..fca3def --- /dev/null +++ b/src/views/EventComparison/wupEc/index.vue @@ -0,0 +1,92 @@ + + + + + + diff --git a/src/views/EventComparison/wupEc/opt1.js b/src/views/EventComparison/wupEc/opt1.js new file mode 100644 index 0000000..fd6dbf6 --- /dev/null +++ b/src/views/EventComparison/wupEc/opt1.js @@ -0,0 +1,114 @@ +/* + * @Author: your name + * @Date: 2021-10-12 15:14:58 + * @LastEditTime: 2021-10-14 10:43:47 + * @LastEditors: Please set LastEditors + * @Description: In User Settings Edit + * @FilePath: /data-show/src/views/BrandInsight/weiboPortraits/opt.js + */ +import * as echarts from "echarts"; +export default function createOpt1() { + return { + series: [ + { + name: 'Access From0', + type: 'pie', + radius: ['63%', '77%'], + avoidLabelOverlap: false, + label: { + show: false, + position: 'center', + fontSize: '40', + color: "#ffff", + }, + emphasis: { + label: { + show: true, + fontSize: '40', + color: "#ffff", + formatter: (p)=>{ + return p.data.name + '\n' + p.data.value; + }, + } + }, + labelLine: { + show: false + }, + data: [ + { value: 2200, name: '男性', itemStyle: {color: new echarts.graphic.LinearGradient(0, 1, 1, 0, [{ + //给颜色设置渐变色 前面4个参数，给第一个设置1，第四个设置0 ，就是水平渐变 + //给第一个设置0，第四个设置1，就是垂直渐变 + offset: 0, + color: 'black' + }, { + offset: 1, + color: '#3373CC' + }])} }, + { value: 2200, name: '女性', itemStyle: {color: new echarts.graphic.LinearGradient(0, 1, 1, 0, [{ + //给颜色设置渐变色 前面4个参数，给第一个设置1，第四个设置0 ，就是水平渐变 + //给第一个设置0，第四个设置1，就是垂直渐变 + offset: 0, + color: 'black' + }, { + offset: 1, + color: '#CC9D12' + }])} }, + { value: 2200, name: '未知', itemStyle: {color: new echarts.graphic.LinearGradient(0, 1, 1, 0, [{ + //给颜色设置渐变色 前面4个参数，给第一个设置1，第四个设置0 ，就是水平渐变 + //给第一个设置0，第四个设置1，就是垂直渐变 + offset: 0, + color: 'black' + }, { + offset: 1, + color: '#54BF93' + }])} }, + ], + + }, + { + name: 'Access From1', + type: 'pie', + radius: ['80%', '84%'], + avoidLabelOverlap: false, + label: { + show: false, + position: 'center' + }, + labelLine: { + show: false + }, + center: ['50%', '50%'],//边框位置 + data: [ + { value: 2200, name: '男性', itemStyle: {color: new echarts.graphic.LinearGradient(0, 1, 1, 0, [{ + //给颜色设置渐变色 前面4个参数，给第一个设置1，第四个设置0 ，就是水平渐变 + //给第一个设置0，第四个设置1，就是垂直渐变 + offset: 0, + color: 'black' + }, { + offset: 1, + color: '#3373CC' + }])} }, + { value: 2200, name: '女性', itemStyle: {color: new echarts.graphic.LinearGradient(0, 1, 1, 0, [{ + //给颜色设置渐变色 前面4个参数，给第一个设置1，第四个设置0 ，就是水平渐变 + //给第一个设置0，第四个设置1，就是垂直渐变 + offset: 0, + color: 'black' + }, { + offset: 1, + color: '#CC9D12' + }])} }, + { value: 2200, name: '未知', itemStyle: {color: new echarts.graphic.LinearGradient(0, 1, 1, 0, [{ + //给颜色设置渐变色 前面4个参数，给第一个设置1，第四个设置0 ，就是水平渐变 + //给第一个设置0，第四个设置1，就是垂直渐变 + offset: 0, + color: 'black' + }, { + offset: 1, + color: '#54BF93' + }])} }, + ], + + } + ] + } +} diff --git a/src/views/EventComparison/wupEc/opt2.js b/src/views/EventComparison/wupEc/opt2.js new file mode 100644 index 0000000..eab17f6 --- /dev/null +++ b/src/views/EventComparison/wupEc/opt2.js @@ -0,0 +1,114 @@ +/* + * @Author: your name + * @Date: 2021-10-12 15:14:58 + * @LastEditTime: 2021-10-16 11:53:25 + * @LastEditors: Please set LastEditors + * @Description: In User Settings Edit + * @FilePath: /data-show/src/views/BrandInsight/weiboPortraits/opt.js + */ +import * as echarts from "echarts"; +export default function createOpt2() { + return { + series: [ + { + name: 'Access From0', + type: 'pie', + radius: ['63%', '77%'], + avoidLabelOverlap: false, + label: { + show: false, + position: 'center', + fontSize: '40', + color: "#ffff", + }, + emphasis: { + label: { + show: true, + fontSize: '40', + color: "#ffff", + formatter: (p)=>{ + return p.data.name + '\n' + p.data.value; + }, + } + }, + labelLine: { + show: false + }, + data: [ + { value: 2200, name: '已认证', itemStyle: {color: new echarts.graphic.LinearGradient(0, 1, 1, 0, [{ + //给颜色设置渐变色 前面4个参数，给第一个设置1，第四个设置0 ，就是水平渐变 + //给第一个设置0，第四个设置1，就是垂直渐变 + offset: 0, + color: 'black' + }, { + offset: 1, + color: '#3373CC' + }])} }, + { value: 2200, name: '未认证', itemStyle: {color: new echarts.graphic.LinearGradient(0, 1, 1, 0, [{ + //给颜色设置渐变色 前面4个参数，给第一个设置1，第四个设置0 ，就是水平渐变 + //给第一个设置0，第四个设置1，就是垂直渐变 + offset: 0, + color: 'black' + }, { + offset: 1, + color: '#CC9D12' + }])} }, + { value: 2200, name: '未知', itemStyle: {color: new echarts.graphic.LinearGradient(0, 1, 1, 0, [{ + //给颜色设置渐变色 前面4个参数，给第一个设置1，第四个设置0 ，就是水平渐变 + //给第一个设置0，第四个设置1，就是垂直渐变 + offset: 0, + color: 'black' + }, { + offset: 1, + color: '#54BF93' + }])} }, + ], + + }, + { + name: 'Access From1', + type: 'pie', + radius: ['80%', '84%'], + avoidLabelOverlap: false, + label: { + show: false, + position: 'center' + }, + labelLine: { + show: false + }, + center: ['50%', '50%'],//边框位置 + data: [ + { value: 2200, name: '男性', itemStyle: {color: new echarts.graphic.LinearGradient(0, 1, 1, 0, [{ + //给颜色设置渐变色 前面4个参数，给第一个设置1，第四个设置0 ，就是水平渐变 + //给第一个设置0，第四个设置1，就是垂直渐变 + offset: 0, + color: 'black' + }, { + offset: 1, + color: '#3373CC' + }])} }, + { value: 2200, name: '女性', itemStyle: {color: new echarts.graphic.LinearGradient(0, 1, 1, 0, [{ + //给颜色设置渐变色 前面4个参数，给第一个设置1，第四个设置0 ，就是水平渐变 + //给第一个设置0，第四个设置1，就是垂直渐变 + offset: 0, + color: 'black' + }, { + offset: 1, + color: '#CC9D12' + }])} }, + { value: 2200, name: '未知', itemStyle: {color: new echarts.graphic.LinearGradient(0, 1, 1, 0, [{ + //给颜色设置渐变色 前面4个参数，给第一个设置1，第四个设置0 ，就是水平渐变 + //给第一个设置0，第四个设置1，就是垂直渐变 + offset: 0, + color: 'black' + }, { + offset: 1, + color: '#54BF93' + }])} }, + ], + + } + ] + } +}