dev
liuyongli 3 years ago
parent f33d41efeb
commit 6fd5dc1618

@ -3,6 +3,7 @@
"pages/index/index",
"pages/index/total/tatal",
"pages/index/Rankdetail/Rankdetail",
"pages/index/detailedvolume/detailedvolume",
"pages/bar/index",
"pages/insight/index",
"pages/brandSearch/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;
}

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

@ -7,21 +7,21 @@
</view>
</van-dropdown-item>
<van-dropdown-item value="{{ value1 }}" options="{{ sortOpt }}" title="列表展示" bind:change="dropdownSel" />
<van-dropdown-item value="{{ value2 }}" options="{{ typeOpt }}" title="全部品牌" />
<van-dropdown-item value="{{ value2 }}" options="{{ typeOpt }}" title="品牌" />
<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,66 @@
// pages/index/detailedvolume/detailedvolume.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady() {
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide() {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload() {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom() {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage() {
}
})

@ -0,0 +1,3 @@
{
"usingComponents": {}
}

@ -0,0 +1,31 @@
<!--pages/index/detailedvolume/detailedvolume.wxml-->
<view style="width: 686rpx; height: 1302rpx;background: #ffffff;margin: 32rpx;">
<view style="display: flex;">
<view style=" justify-content: space-between;width: 45%;display: flex;height: 36rpx;line-height: 36rpx;margin: 32rpx 19rpx 0 32rpx;">
<view style="color: #999999;font-size: 24rpx;">车型
</view>
<view style="color: #999999;font-size: 24rpx;">销量(辆)
</view>
</view>
<view style=" justify-content: space-between;width: 45%;display: flex;height: 36rpx;line-height: 36rpx;margin: 32rpx 32rpx 0 19rpx;">
<view style="color: #999999;font-size: 24rpx;">所属级别
</view>
<view style="color: #999999;font-size: 24rpx;">级别/厂商排名
</view>
</view>
</view>
<view style="display: flex;">
<view style=" justify-content: space-between;width: 45%;display: flex;height: 104rpx;line-height: 104rpx;margin: 0 19rpx 0 32rpx;">
<view style="font-size: 24rpx;">奥迪A4L
</view>
<view style="color: #0084FF;font-size: 24rpx;">9391
</view>
</view>
<view style=" justify-content: space-between;width: 45%;display: flex;height: 104rpx;line-height: 104rpx;margin: 0 32rpx 0 19rpx;">
<view style="font-size: 24rpx;">中大型车
</view>
<view style="font-size: 24rpx;">1/1
</view>
</view>
</view>
</view>

@ -0,0 +1 @@
/* pages/index/detailedvolume/detailedvolume.wxss */

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

Loading…
Cancel
Save