liuyongli 3 years ago
parent 9f6bded31c
commit 741efbd1d3

@ -55,7 +55,7 @@
<view class="brand">
<view class="text">地区</view>
<view class="echars">
<view class="echars_view">
<view class="echars_view" >
<c-echars showChart="{{showChart}}" canvasId="region-canvas1" chartId="regionbar1" chartOption="{{regionOption1}}" height="100%"></c-echars>
</view>
<view class="echars_view">

@ -7,7 +7,7 @@
/* width: calc(100% - 32px); */
height: 484rpx;
background-color: #fff;
margin: 32rpx 0;
margin: 32rpx auto;
border-radius: 4rpx;
/* display: flex; */
}
@ -91,11 +91,14 @@
display: flex;
width: calc(100% - 32px);
height: 410rpx;
padding: 32rpx 0 0 32rpx;
margin: 0 auto;
/* padding: 0 24rpx 0 24rpx; */
/* justify-content: space-between; */
}
.echars_view{
width: 308rpx;
width: 350rpx;
height: 410rpx;
margin-top: -10px;
/* padding-left: 15px; */
}

@ -53,10 +53,11 @@ export default function multiColumnsOption(dx = [], dValue = [], dName = [],colo
},
//图表位置
grid: {
left: 40,
right: 40,
left: 20,
right: 20,
bottom: 20,
top: 50,
containLabel: true
},
xAxis: {
type: 'category',

@ -32,7 +32,7 @@ export default function pictographicOption(dRegion = [], dValue = []) {
axisLabel: {
margin: 10,
color: '#333333',
fontSize: 12
fontSize: 10
}
},
grid: {
@ -40,8 +40,8 @@ export default function pictographicOption(dRegion = [], dValue = []) {
top: 'top',
bottom: 20,
height: 186,
width: 48,
left: 60,
width: 50,
left: 58,
},
series: [
{
@ -63,8 +63,8 @@ export default function pictographicOption(dRegion = [], dValue = []) {
// position: 'right',
// offset: [20, 0],
color: '#333333',
fontSize: 12,
position: [60, -1]
fontSize: 10,
position: [60, 0]
},
showBackground: true,
backgroundStyle: {

@ -42,8 +42,8 @@ export default function pictographicOption(dRegion = [], dValue = [], dSum = 0)
top: '10%',
bottom: 5,
height: 186,
width: 48,
left: 55,
width: 55,
left: 58,
},
series: [{
itemStyle: {
@ -64,7 +64,7 @@ export default function pictographicOption(dRegion = [], dValue = [], dSum = 0)
// position: 'right',
// offset: [20, 0],
color: '#333333',
fontSize: 12,
fontSize: 10,
position: [60, -2]
},
showBackground: true,

@ -43,7 +43,7 @@ export default function pictographicOption(dRegion = [], dValue = [], dSum = 0)
},
grid: {
width: '50%',
height: 186,
height: 180,
left:'23%',
},
series: [{

@ -9,26 +9,26 @@ export default function sHistogram(dx = [], ds = [], data = [], color2 = [],barW
borderColor: "#3373CC",
textStyle: {
color: "#fff", //设置文字颜色
fontSize: 9
fontSize: 8
},
extraCssText: "box-shadow: 0px 0px 10px 0px #3373CC;",
confine: true
},
legend: {
icon: 'rectangle', //data图标样式
itemWidth: 10, //data图标大小
itemHeight: 10,
left: 15,
itemWidth: 9, //data图标大小
itemHeight: 9,
left: 10,
textStyle: {
fontSize: 8,
fontSize: 7,
fontWeight: 400
},
data: data,
},
//图表位置
grid: {
left: 20,
right: 20,
left: 7,
right: 7,
bottom: 15,
top: 40,
containLabel: true

@ -3,10 +3,11 @@ export default function brokenLine(dValue = [], dx = []) {
return {
grid: {
left: 40,
right: 40,
top: 25,
bottom: 25,
height: 150,
width: 320
// width: 320
},
tooltip: {
trigger: 'axis',

@ -43,6 +43,7 @@ export default function stack(yName=[],data=[],color=[]){
},
grid: {
top: '13%',
left:50,
},
xAxis: {
type: 'value',

@ -30,7 +30,7 @@ export default function brokenLines(dName = [], dValue = [], dColor = [], dx = [
left: 7,
right: 7,
bottom: 7,
top: 36,
top: 40,
containLabel: true
},
yAxis: [{

@ -42,8 +42,8 @@
<view class="top_box">
<view class="top-title">
<view style="width: 45%;">品牌传播TOP媒体</view>
<view style="width:50%;margin-right: 32rpx;">
<view style="width: 50%;margin-left: 5px;">品牌传播TOP媒体</view>
<view style="width:55%;">
<van-tabs type="card" active="{{ topActive }}" color="#BBBBBB" bind:change="changeModalHot">
<van-tab title="组一"></van-tab>
<van-tab title="组二" wx:if="{{brandTopData.length>2}}"></van-tab>
@ -55,9 +55,9 @@
<view style="font-size:32rpx;margin-left:30rpx;">{{brandTop[0].key}}</view>
<view class="rank_list">
<view class="ranking">
<view style="width: 33%;">排名</view>
<view style="width: 33%;">媒体</view>
<view style="width: 33%;text-align: center;">传播量</view>
<view style="width: 30%;">排名</view>
<view style="width: 30%;">媒体</view>
<view style="width: 30%;text-align: center;">传播量</view>
</view>
<view class="ranking_cell" wx:for="{{brandTop[0].value}}" wx:for-item="item" wx:if="{{index>=0 && index<=4}}" wx:key="V">
<view wx:if="{{index==0}}" style="width: 33%;">

@ -21,11 +21,11 @@
.top_box {
margin-top: 24rpx;
width: 100%;
width: calc(100% - 32px);
height: 100%;
background: #ffffff;
border-radius: 8rpx;
padding: 32rpx 0;
padding: 32rpx ;
}
.top-title {

@ -103,11 +103,10 @@
<view style="float:right;width:342rpx;height:486rpx;">
<c-echars showChart="{{showChart}}" canvasId="region-canvas1" chartId="regionbar1" chartOption="{{item.func[1]}}" height="100%"></c-echars>
</view>
</view>
</view>
</view>
<view class="chart_box">
<view class="chart_box" style="margin-top:36rpx;">
<view class="chart_title">微博用户性别对比</view>
<view class="table">
<c-echars showChart="{{showChart}}" canvasId="brandbar-canvas" chartId="brandbar" chartOption="{{genderOption}}" height="100%"></c-echars>

@ -70,7 +70,7 @@
justify-content: flex-start;
}
.area_box{
margin-top: 24rpx;
margin: 24rpx 0;
width: 686rpx;
height: 970rpx;
background:#ffffff;

@ -107,7 +107,7 @@
</view>
</view>
</view>
<view class="chart_box">
<view class="chart_box1">
<view class="chart_title">微博用户性别对比</view>
<view class="table">
<c-echars showChart="{{showChart}}" canvasId="brandbar-canvas" chartId="brandbar" chartOption="{{genderOption}}" height="100%"></c-echars>

@ -1,7 +1,14 @@
.chart_box{
margin-top: 24rpx;
width: 686rpx;
height: 400rpx;
height: 450rpx;
padding-top:32rpx ;
background: white;
}
.chart_box1{
margin-top: 24rpx;
width: 686rpx;
height: 450rpx;
padding-top:32rpx ;
background: white;
}
@ -72,7 +79,7 @@
.area_box{
margin-top: 24rpx;
width: 686rpx;
height: 880rpx;
height: 1000rpx;
background:#ffffff;
border-radius: 8rpx;
padding:32rpx 0;

@ -67,7 +67,7 @@
</view>
</view>
<view class="area_box">
<view class="area_box" style="margin-top:36rpx;">
<view class="top-title">
<view style="width: 45%;">活跃用户信息</view>
</view>
@ -83,7 +83,7 @@
</view>
</view>
</view>
<view class="event_distribution">
<view class="event_distribution" style="margin-top:36rpx;">
<view class="chart_title">微博用户性别对比</view>
<view style="width: 100%;display: flex; justify-content: space-between;" >
<view class="table_pie">

@ -1,7 +1,7 @@
.chart_box{
margin-top: 24rpx;
width: 686rpx;
height: 400rpx;
height: 450rpx;
padding-top:32rpx ;
background: white;
}
@ -70,13 +70,13 @@
.area_box{
margin-top: 24rpx;
width: 686rpx;
height: 880rpx;
height: 980rpx;
background:#ffffff;
border-radius: 8rpx;
padding:32rpx 0;
}
.event_distribution{
height: 894rpx;
height: 900rpx;
padding-top:32rpx ;
width: 686rpx;
background: #ffffff;

@ -150,6 +150,7 @@ Page({
this.setData({
crisisNum: val.totalNum
})
console.log('cd',val.totalNum > 999)
}).then(res => {
this.setData({
crisisList: res

@ -45,9 +45,11 @@
</swiper>
</view>
<view class="bc-twt">
<view style="background: #FF343F;color: #fff;padding:5px 10px;font-size: 11px;border-radius: 16px;" bindtap="handlerGoList">
<!-- <view wx:if=" {{crisisNum > 999}}" style="background: #FF343F;color: #fff;padding:5px 10px;font-size: 11px;border-radius: 16px;" bindtap="handlerGoList">999+</view> -->
<view else style="background: #FF343F;color: #fff;padding:5px 10px;font-size: 11px;border-radius: 16px;" bindtap="handlerGoList">
{{crisisNum}}
</view>
</view>
</view>
<view class="bc-top-bt"></view>

@ -134,7 +134,6 @@
overflow: hidden;
text-overflow: ellipsis;
width: 500rpx;
font-weight: 600;
}
.text_num{
color: #FF343F;

@ -81,7 +81,6 @@
}
.circle-data-title {
font-size: 12px;
font-weight: 600;
color: #333333;
margin-top: 12rpx;
}
@ -107,7 +106,6 @@
overflow: hidden;
text-overflow: ellipsis;
width: 500rpx;
font-weight: 600;
}
.text_num{
color: #FF343F;

@ -38,8 +38,8 @@
</view>
<view class="tr-item">
<view class="tr-chart-title">车型销量TOP</view>
<view class="tr-chart-subTitle" style="padding-bottom: 48rpx;">{{saleTopTitle}}</view>
<view class="tr-chart-item">
<view class="tr-chart-subTitle">{{saleTopTitle}}</view>
<view class="tr-chart-item" >
<c-echars showChart="{{showChart}}" canvasId="salesTop-canvas" chartId="salesTop" chartOption="{{saleTopOption}}" height="100%"></c-echars>
</view>
</view>

@ -1,197 +1,196 @@
.wb-content {
background-color: #f9f9f9;
padding-top: 16rpx;
background-color: #f9f9f9;
padding-top: 16rpx;
}
.wb-item {
width: 91%;
/* height: 90%; */
margin: 0rpx 0rpx 32rpx 32rpx;
padding: 24rpx 0rpx 8rpx 0rpx;
background-color: #ffffff;
border-radius: 8rpx;
width: 91%;
/* height: 90%; */
margin: 0rpx 0rpx 32rpx 32rpx;
padding: 24rpx 0rpx 8rpx 0rpx;
background-color: #ffffff;
border-radius: 8rpx;
}
.wb-item1 {
width: 91%;
height: 90%;
margin: 0rpx 0rpx 32rpx 32rpx;
padding: 24rpx 0rpx 8rpx 0rpx;
background-color: #ffffff;
border-radius: 8rpx;
width: 91%;
height: 90%;
margin: 0rpx 0rpx 32rpx 32rpx;
padding: 24rpx 0rpx 8rpx 0rpx;
background-color: #ffffff;
border-radius: 8rpx;
}
.wb-chart-title {
font-size: 18px;
margin-left: 32rpx;
font-weight: 600;
color: #333333;
font-size: 18px;
margin-left: 32rpx;
font-weight: 600;
color: #333333;
}
.wb-area-title {
display: flex;
justify-content: space-between;
font-size: 18px;
margin-left: 32rpx;
font-weight: 600;
color: #333333;
display: flex;
justify-content: space-between;
font-size: 18px;
margin-left: 32rpx;
font-weight: 600;
color: #333333;
}
.wb-chart-item {
width: 100%;
height: 360rpx;
/* display: flex; */
width: 100%;
height: 360rpx;
/* display: flex; */
}
.wb-data {
display: flex;
justify-content: space-between;
font-size: 12px;
font-weight: 400;
color: #999999;
margin: 0rpx 24rpx 0rpx 30rpx;
display: flex;
justify-content: space-between;
font-size: 12px;
font-weight: 400;
color: #999999;
margin: 0rpx 24rpx 0rpx 30rpx;
}
.wb-data-number {
display: flex;
justify-content: space-between;
font-size: 14px;
font-weight: 600;
color: #333333;
margin: 16rpx 24rpx 16rpx 30rpx;
display: flex;
justify-content: space-between;
font-size: 14px;
font-weight: 600;
color: #333333;
margin: 16rpx 24rpx 16rpx 30rpx;
}
.circle-chart {
width: 50%;
height: 340rpx;
width: 50%;
height: 340rpx;
}
.circle-data {
width: 50%;
height: 340rpx;
width: 50%;
height: 340rpx;
}
.circle-data-item {
color: #999999;
font-size: 10px;
line-height: 10px;
width: 33%;
color: #999999;
font-size: 10px;
line-height: 10px;
width: 33%;
}
.circle-data-item2 {
display: flex;
justify-content: space-between;
color: #333333;
font-size: 12px;
line-height: 12px;
font-weight: 600;
margin: 12rpx 0rpx 12rpx 0rpx;
display: flex;
justify-content: space-between;
color: #333333;
font-size: 12px;
line-height: 12px;
font-weight: 600;
margin: 12rpx 0rpx 12rpx 0rpx;
}
.circle-data-title {
font-size: 12px;
font-weight: 600;
color: #333333;
margin-top: 12rpx;
font-size: 24rpx;
color: #333333;
margin-top: 12rpx;
}
.area-item {
display: flex;
justify-content: flex-start;
width: 100%;
height: 410rpx;
margin: 32rpx 0 0 0rpx;
display: flex;
justify-content: flex-start;
width: 100%;
height: 410rpx;
margin: 32rpx 0 0 0rpx;
}
.area-item-chart {
width: 50%;
height: 410rpx;
width: 50%;
height: 410rpx;
}
/* 车型热度排行 */
.wb-rank-list {
width: 92%;
margin: 32rpx;
width: 92%;
margin: 32rpx;
}
.ranking {
display: flex;
justify-content: space-between;
font-size: 12px;
font-weight: 400;
color: #999999;
display: flex;
justify-content: space-between;
font-size: 12px;
font-weight: 400;
color: #999999;
}
.ranking-number {
display: flex;
justify-content: space-between;
font-size: 14px;
font-weight: 600;
display: flex;
justify-content: space-between;
font-size: 14px;
font-weight: 600;
}
.rank_num {
width: 53rpx;
height: 40rpx;
width: 53rpx;
height: 40rpx;
}
/* kol */
.kol-content {
display: flex;
justify-content: space-between;
margin: 16rpx 0 0 32rpx;
display: flex;
justify-content: space-between;
margin: 16rpx 0 0 32rpx;
}
.kol-item {
width: 30%;
height: 95px;
background: linear-gradient(135deg, #F9FCFF 0%, #F0F8FF 100%);
border-radius: 2px;
margin-right: 16rpx;
text-align: center;
width: 30%;
height: 95px;
background: linear-gradient(135deg, #F9FCFF 0%, #F0F8FF 100%);
border-radius: 2px;
margin-right: 16rpx;
text-align: center;
}
.kol-user-name {
width: 100%;
margin: 0 auto;
font-size: 12px;
font-weight: 400;
color: #333333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
/* line-height: 12px; */
width: 100%;
margin: 0 auto;
font-size: 12px;
font-weight: 400;
color: #333333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
/* line-height: 12px; */
}
.kol-value {
width: 40%;
font-size: 9px;
font-weight: 400;
color: #999999;
width: 40%;
font-size: 9px;
font-weight: 400;
color: #999999;
}
.kol-value-number {
font-size: 9px;
font-weight: 600;
/* margin-right: 24rpx; */
/* margin-left: 24rpx; */
color: #333333;
font-size: 9px;
font-weight: 600;
/* margin-right: 24rpx; */
/* margin-left: 24rpx; */
color: #333333;
}
/* 词云 */
.brand {
display: flex;
justify-content: center;
align-items: center;
width: calc(100% - 32px);
height: 484rpx;
background-color: #fff;
border-radius: 4rpx;
margin: 32rpx 0 0 32rpx;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
width: calc(100% - 32px);
height: 484rpx;
background-color: #fff;
border-radius: 4rpx;
margin: 32rpx 0 0 32rpx;
overflow: hidden;
}
.colorTags {
width: 10px;
height: 10px;
border-radius: 1px;
width: 10px;
height: 10px;
border-radius: 1px;
}

@ -64,7 +64,7 @@
<view class="evt-chart-title">媒体解读</view>
<scroll-view class="evt-chart-item" style="height: 560rpx;" scroll-y>
<view class="evt-media-item" wx:for="{{mediaData}}" wx:key="index">
<view style="font-weight: 600;font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">{{item.title}}</view>
<view style="font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">{{item.title}}</view>
<view style="font-size: 12px;color: #999999;font-weight: 400;margin-top: 8rpx;">媒体报道数量:共有{{item.count}}家媒体报道</view>
</view>
</scroll-view>

@ -159,7 +159,7 @@
display: flex;
justify-content: space-between;
font-size: 14px;
font-weight: 600;
/* font-weight: 600; */
}
.rank_num {
width: 53rpx;

@ -79,7 +79,7 @@
}
.circle-data-title {
font-size: 12px;
font-weight: 600;
/* font-weight: 600; */
color: #333333;
margin-top: 12rpx;
}

@ -18,7 +18,7 @@
</view>
<view class="ei-item">
<view class="ei-chart-title">热点事件渠道分布</view>
<view class="ei-chart-item" style="height: 480rpx;width: 96%;">
<view class="ei-chart-item" style="height: 480rpx;width: 100%;">
<c-echars showChart="{{showChart}}" canvasId="thed-canvas" chartId="thed" chartOption="{{topHotEventData}}" height="100%"></c-echars>
</view>
</view>

@ -5,9 +5,8 @@
}
.ei-item {
width: 92%;
/* height: 90%; */
margin: 0rpx 0rpx 32rpx 21rpx;
width: calc(100% - 32px);
margin: 32rpx;
padding: 24rpx 0rpx 16rpx 0rpx;
background-color: #ffffff;
border-radius: 8rpx;
@ -38,7 +37,7 @@
.ei-chart-item {
width: 100%;
height: 350rpx;
margin: 10rpx 30rpx;
/* padding: 10rpx 30rpx; */
}
.ranking {
display: flex;
@ -132,7 +131,7 @@
overflow: hidden;
text-overflow: ellipsis;
width: 500rpx;
font-weight: 600;
/* font-weight: 600; */
}
.text_num {

@ -110,7 +110,6 @@
overflow: hidden;
text-overflow: ellipsis;
width: 500rpx;
font-weight: 600;
}
.text_num{
color: #FF343F;

@ -79,7 +79,6 @@
}
.circle-data-title {
font-size: 12px;
font-weight: 600;
color: #333333;
margin-top: 12rpx;
}

@ -7,21 +7,21 @@
</view>
<view class="tr-item">
<view class="tr-chart-title">传播重点媒体</view>
<view class="ranking">
<view class="title">排名</view>
<view class="title1">媒体</view>
<view class="ranking">
<view class="title" style="margin-left: 3px;">排名</view>
<view class="title1" style="margin-left: 9px;">媒体</view>
<view class="title2">传播量</view>
</view>
<view class="ranking-number" wx:for="{{rankList}}" wx:key="index" wx:if="{{index < rankLimit}}">
<view style="width: 33%;margin-top: 32rpx;color: #999999;">
<image class="rank_num" wx:if="{{index === 0}}" src="{{imageUrl}}/img_diyi.png"></image>
<image class="rank_num" wx:if="{{index === 1}}" src="{{imageUrl}}/img_dier.png"></image>
<image class="rank_num" wx:if="{{index === 2}}" src="{{imageUrl}}/img_disan.png"></image>
<view class="num" wx:if="{{index !== 0 &&index !== 1 &&index !== 2 }}">{{index >= 9 ? index + 1 : '0' + (index + 1)}}</view>
</view>
<view class="ranking-number" wx:for="{{rankList}}" wx:key="index" wx:if="{{index < rankLimit}}" >
<view style="width: 33%;margin-top: 32rpx;color: #999999;">
<image class="rank_num" wx:if="{{index === 0}}" src="{{imageUrl}}/img_diyi.png"></image>
<image class="rank_num" wx:if="{{index === 1}}" src="{{imageUrl}}/img_dier.png"></image>
<image class="rank_num" wx:if="{{index === 2}}" src="{{imageUrl}}/img_disan.png"></image>
<view class="num" wx:if="{{index !== 0 &&index !== 1 &&index !== 2 }}">{{index >= 9 ? index + 1 : '0' + (index + 1)}}</view>
</view>
<view class="media">{{item.name}}</view>
<view class="media">{{item.name}}</view>
<view class="volume">{{item.value}}</view>
</view>
</view>
</view>
<view class="tr-item">
<view class="tr-chart-title">销量态势</view>

@ -88,7 +88,6 @@
.circle-data-title {
font-size: 12px;
font-weight: 600;
color: #333333;
margin-top: 12rpx;
}

@ -177,7 +177,7 @@
}
.circle-data-title {
font-size: 12px;
font-weight: 600;
/* font-weight: 600; */
color: #333333;
margin-top: 12rpx;
}
@ -209,7 +209,7 @@
overflow: hidden;
text-overflow: ellipsis;
width: 500rpx;
font-weight: 600;
/* font-weight: 600; */
}
.text_num{
color: #FF343F;

Loading…
Cancel
Save