diff --git a/app.json b/app.json
index 88ab36b..b5662ce 100644
--- a/app.json
+++ b/app.json
@@ -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",
diff --git a/components/chartdisplay/index.js b/components/chartdisplay/index.js
index 36f1861..6d5bc39 100644
--- a/components/chartdisplay/index.js
+++ b/components/chartdisplay/index.js
@@ -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'
-                          }
-                    }
-                  }
-              }
+             
             ]
           },
 
diff --git a/components/chartdisplay/index.wxss b/components/chartdisplay/index.wxss
index 0f6a6e0..f8af38a 100644
--- a/components/chartdisplay/index.wxss
+++ b/components/chartdisplay/index.wxss
@@ -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;
 }
\ No newline at end of file
diff --git a/pages/index/Brandsales/Brandsales.json b/pages/index/Brandsales/Brandsales.json
index 77de769..e12874d 100644
--- a/pages/index/Brandsales/Brandsales.json
+++ b/pages/index/Brandsales/Brandsales.json
@@ -1,4 +1,5 @@
 {
+    "navigationBarTitleText": "全部品牌销量",
     "usingComponents": {
        "chart-display":"/components/chartdisplay/index",
        "van-dropdown-menu": "@vant/weapp/dropdown-menu/index",
diff --git a/pages/index/Rankdetail/Rankdetail.js b/pages/index/Rankdetail/Rankdetail.js
index 415e0c5..688e7c9 100644
--- a/pages/index/Rankdetail/Rankdetail.js
+++ b/pages/index/Rankdetail/Rankdetail.js
@@ -189,6 +189,7 @@
        * 生命周期函数--监听页面加载
        */
       onLoad: function (options) {
+          console.log('111',this.data.sortOpt[0].value1)
       },
       /**
        * 生命周期函数--监听页面初次渲染完成
diff --git a/pages/index/Rankdetail/Rankdetail.wxml b/pages/index/Rankdetail/Rankdetail.wxml
index 54a8deb..f6ef140 100644
--- a/pages/index/Rankdetail/Rankdetail.wxml
+++ b/pages/index/Rankdetail/Rankdetail.wxml
@@ -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>
diff --git a/pages/index/detailedvolume/detailedvolume.js b/pages/index/detailedvolume/detailedvolume.js
new file mode 100644
index 0000000..93d89fa
--- /dev/null
+++ b/pages/index/detailedvolume/detailedvolume.js
@@ -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() {
+
+    }
+})
\ No newline at end of file
diff --git a/pages/index/detailedvolume/detailedvolume.json b/pages/index/detailedvolume/detailedvolume.json
new file mode 100644
index 0000000..1994a42
--- /dev/null
+++ b/pages/index/detailedvolume/detailedvolume.json
@@ -0,0 +1,6 @@
+{
+    "navigationBarTitleText": "详情销量",
+    "usingComponents": {
+       
+    }
+}
\ No newline at end of file
diff --git a/pages/index/detailedvolume/detailedvolume.wxml b/pages/index/detailedvolume/detailedvolume.wxml
new file mode 100644
index 0000000..b4d68bd
--- /dev/null
+++ b/pages/index/detailedvolume/detailedvolume.wxml
@@ -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>
\ No newline at end of file
diff --git a/pages/index/detailedvolume/detailedvolume.wxss b/pages/index/detailedvolume/detailedvolume.wxss
new file mode 100644
index 0000000..4a8c146
--- /dev/null
+++ b/pages/index/detailedvolume/detailedvolume.wxss
@@ -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;
+
+}
\ No newline at end of file
diff --git a/project.private.config.json b/project.private.config.json
index 16881fe..d765400 100644
--- a/project.private.config.json
+++ b/project.private.config.json
@@ -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",