wylyl22 3 years ago
commit a298c11016

@ -3,6 +3,7 @@
"pages/index/index",
"pages/index/total/tatal",
"pages/index/Rankdetail/Rankdetail",
"pages/index/detailedvolume/detailedvolume",
"pages/index/Brandsales/Brandsales",
"pages/bar/index",
"pages/insight/index",

@ -17,17 +17,16 @@ Component({
textStyle: {
fontSize: 9
},
data: ['微博', '其他','短视频', '微信','APP', '论坛', '新闻'],
},
//图表位置
grid: {
left: 20,
right: 20,
bottom: 15,
top: 40,
top: 10,
containLabel: true
},
yAxis: [
xAxis: [
{
type: 'value',
axisTick:{
@ -55,10 +54,12 @@ Component({
}
}
],
xAxis: [
yAxis: [
{
type: 'category',
data: ['长安', '大众', '丰田', '吉利', '哈佛'],
// data: ['宏光MINIEV', '小蚂蚁', 'QQ冰激凌', '奔奔E-Star', '科莱威CLEVER','零跑T03','思皓E10X','宝骏KiWiEV','风光MINIEV','雷丁芒果','易至EV3','YOUNG光小新','朋克多多','百智大熊','华晨新日','朋克美美','华晨','小虎','国机','智骏',],
data: ['智骏', '国机', '小虎', '华晨', '朋克美美','华晨新日','百智大熊','朋克多多','YOUNG光小新','易至EV3','雷丁芒果','风光MINIEV','宝骏KiWiEV','思皓E10X','零跑T03','科莱威CLEVER','奔奔E-Star','QQ冰激凌','小蚂蚁','宏光MINIEV',],
axisTick:{
show:false //去除刻度线
},
@ -76,125 +77,24 @@ Component({
],
series: [
{
name: '微博',
type: 'bar',
data: [1400, 2000, 1500, 1800, 1490, 900, 310],
stack:"Search Engine",
emphasis: {//折线图的高亮状态。
focus: "series",//聚焦当前高亮的数据所在的系列的所有图形。
},
itemStyle: {
normal:{
color: '#FF4852',
lineStyle: {
color: '#FF4852'
}
}
}
},
{
name: '其他',
type: 'bar',
barWidth : 12,
stack:"Search Engine",
data: [600,700,800,900,1000,1200,1300,1400,1500,1600,1700,1900,2000,2100,2200,2300,2400,2500,2600,2700,],
// data: [2700, 2600,2500,2400,2300,2200,2100,2000,1900,1700,1600,1500,1400,1300,1200,1000,900,800,700,600],
emphasis: {//折线图的高亮状态。
focus: "series",//聚焦当前高亮的数据所在的系列的所有图形。
},
data: [1520, 1052, 141, 174, 1690, 250, 220],
},
itemStyle: {
normal:{
color: '#FF6E25',
lineStyle: {
color: '#FF6E25'
}
color: '#0084FF',
// lineStyle: {
// color: '#FF4852'
// }
}
}
},
{
name: '短视频',
type: 'bar',
stack:"Search Engine",
emphasis: {//折线图的高亮状态。
focus: "series",//聚焦当前高亮的数据所在的系列的所有图形。
},
data: [210, 322, 551, 364, 960, 1307, 10],
itemStyle: {
normal:{
color: '#FFBF00',
lineStyle: {
color: '#FFBF00'
}
}
}
},
{
name: '微信',
type: 'bar',
stack:"Search Engine",
emphasis: {//折线图的高亮状态。
focus: "series",//聚焦当前高亮的数据所在的系列的所有图形。
},
data: [250, 362, 71, 374, 970, 130, 170],
itemStyle: {
normal:{
color: '#20CC62',
lineStyle: {
color: '#20CC62'
}
}
}
},
{
name: 'APP',
type: 'bar',
stack:"Search Engine",
emphasis: {//折线图的高亮状态。
focus: "series",//聚焦当前高亮的数据所在的系列的所有图形。
},
data: [20, 32, 41, 354, 90, 130, 10],
itemStyle: {
normal:{
color: '#00D6D6',
lineStyle: {
color: '#00D6D6'
}
}
}
},
{
name: '论坛',
type: 'bar',
stack:"Search Engine",
emphasis: {//折线图的高亮状态。
focus: "series",//聚焦当前高亮的数据所在的系列的所有图形。
},
data: [200, 382, 661, 34, 909, 1308, 150],
itemStyle: {
normal:{
color: '#00AAFF',
lineStyle: {
color: '#00AAFF'
}
}
}
},
{
name: '新闻',
type: 'bar',
stack:"Search Engine",
emphasis: {//折线图的高亮状态。
focus: "series",//聚焦当前高亮的数据所在的系列的所有图形。
},
data: [250, 326, 178, 349, 900, 1300, 140],
itemStyle: {
normal:{
color: '#7257FF',
lineStyle: {
color: '#7257FF'
}
}
}
}
]
},

@ -1,16 +1,4 @@
/* 品牌传播声量 */
.brand{
width: 100%;
height: 484rpx;
background-color: #fff;
margin: 32rpx;
border-radius: 4rpx;
}
.brand_tu{
width: 100%;
height: 350rpx;
}
.text{
font-size: 36rpx;
padding: 32rpx;
height: 1000rpx;
}

@ -1,4 +1,5 @@
{
"navigationBarTitleText": "全部品牌销量",
"usingComponents": {
"chart-display":"/components/chartdisplay/index",
"van-dropdown-menu": "@vant/weapp/dropdown-menu/index",

@ -189,6 +189,7 @@
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
console.log('111',this.data.sortOpt[0].value1)
},
/**
* 生命周期函数--监听页面初次渲染完成

@ -11,17 +11,17 @@
<van-dropdown-item value="{{ value3 }}" options="{{ complexOpt }}" title="车型" />
</van-dropdown-menu>
<van-dropdown-menu active-color="#027AFF">
<van-dropdown-item id="priceOpt" value="{{ value2 }}" title="全部">
</van-dropdown-item>
<van-dropdown-item id="priceOpt" value="{{ value2 }}" title="全部"></van-dropdown-item>
<van-dropdown-item value="{{ value4 }}" options="{{ level }}" title="按级别" bind:change="dropdownSel" />
<van-dropdown-item value="{{ value5 }}" options="{{ Price }}" title="按价格" />
<van-dropdown-item value="{{ value6 }}" options="{{ energy }}" title="按能源" />
</van-dropdown-menu>
</view>
<view>
<!-- <chart-display></chart-display> -->
<view class="list_event" wx:if="{{item.value1===1}}">
<view class="text">销量排行榜</view>
<chart-display></chart-display>
</view>
<view class="list_event">
<view class="list_event" wx:else>
<view class="text">销量排行榜</view>
<view class="ranking">
<view class="title">排名</view>

@ -0,0 +1,141 @@
// pages/index/detailedvolume/detailedvolume.js
Page({
/**
* 页面的初始数据
*/
data: {
content:[
{
type: '奥迪A4L',
volume: '9391',
level: '中大型车',
rank:'1/1'
},
{
type: '奥迪A4L',
volume: '9391',
level: '中大型车',
rank:'1/1'
},
{
type: '奥迪A4L',
volume: '9391',
level: '中大型车',
rank:'1/1'
},
{
type: '奥迪A4L',
volume: '9391',
level: '中大型车',
rank:'1/1'
},
{
type: '奥迪A4L',
volume: '9391',
level: '中大型车',
rank:'1/1'
},
{
type: '奥迪A4L',
volume: '9391',
level: '中大型车',
rank:'1/1'
},
{
type: '奥迪A4L',
volume: '9391',
level: '中大型车',
rank:'1/1'
},
{
type: '奥迪A4L',
volume: '9391',
level: '中大型车',
rank:'1/1'
},
{
type: '奥迪A4L',
volume: '9391',
level: '中大型车',
rank:'1/1'
},
{
type: '奥迪A4L',
volume: '9391',
level: '中大型车',
rank:'1/1'
},
{
type: '奥迪A4L',
volume: '9391',
level: '中大型车',
rank:'1/1'
},
{
type: '奥迪A4L',
volume: '9391',
level: '中大型车',
rank:'1/1'
},
]
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady() {
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide() {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload() {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom() {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage() {
}
})

@ -0,0 +1,6 @@
{
"navigationBarTitleText": "详情销量",
"usingComponents": {
}
}

@ -0,0 +1,23 @@
<!--pages/index/detailedvolume/detailedvolume.wxml-->
<view class="box">
<view style="display: flex;">
<view class="box_left">
<view class="box_text">车型</view>
<view class="box_text">销量(辆)</view>
</view>
<view class="box_right">
<view class="box_text">所属级别</view>
<view class="box_text">级别/厂商排名</view>
</view>
</view>
<view class="container" wx:for="{{content}}" wx:key="index">
<view class="box_left">
<view class="title">{{item.type}} </view>
<view class="num">{{item.volume}}</view>
</view>
<view class="box_right">
<view class="title">{{item.level}}</view>
<view class="title">{{item.rank}}</view>
</view>
</view>
</view>

@ -0,0 +1,46 @@
/* pages/index/detailedvolume/detailedvolume.wxss */
.box{
width: 686rpx;
height: 1302rpx;
background: #ffffff;
margin: 32rpx;
border-radius: 8rpx;
}
.box_left{
justify-content: space-between;
width: 45%;
display: flex;
height: 36rpx;
line-height: 36rpx;
margin: 32rpx 19rpx 0 32rpx;
}
.box_right{
justify-content: space-between;
width: 45%;
display: flex;
height: 36rpx;
line-height: 36rpx;
margin: 32rpx 32rpx 0 19rpx;
}
.box_text{
color: #999999;
font-size: 24rpx;
}
.title{
font-size: 24rpx;
color: #333333;
}
.num{
color: #0084FF;
font-size: 24rpx;
}
.container{
display: flex;
height: 104rpx;
line-height: 104rpx;
background: #ffffff;
}

@ -22,6 +22,13 @@
"launchMode": "default",
"scene": null
},
{
"name": "",
"pathName": "pages/index/detailedvolume/detailedvolume",
"query": "",
"launchMode": "default",
"scene": null
},
{
"name": "",
"pathName": "pages/index/Brandsales/Brandsales",

Loading…
Cancel
Save