zx

components/option/percentRankOption.js

@@ -0,0 +1,62 @@
+// 地区分布
+export default function pictographicOption(dRegion=[],dValue=[]){
+    return {
+        tooltip: {
+        },
+                   xAxis: {
+                    show:false,
+                    type:'value'
+                   },
+                   yAxis: 
+                     {
+                     data: dRegion,
+                     inverse: true,
+                     axisTick: { show: false },
+                     axisLine: { show: false },
+                     axisLabel: {
+                       margin: 10,
+                       color: '#333333',
+                       fontSize: 12
+                     }
+                   },
+                   grid: {
+                    //  top: 'center',
+                    bottom:20,
+                     height:186,
+                     width:48,
+                     left: 60,
+                   },
+                   series: [
+                    {
+                        itemStyle:{
+                           normal:{
+                            color:'#0084FF',
+                            barBorderRadius:12    
+                          },
+                        },
+                        // current data
+                        type: 'bar',
+                       barWidth:10,
+                        data:dValue,
+                    label: {
+                        show: true,
+                        formatter: function (params) {
+                            return (params.value).toFixed(1) + ' %';
+                            }, 
+                // position: 'right',
+                // offset: [20, 0],
+                color: '#333333',
+                fontSize: 12,
+                position:[60,-4]
+              },
+                showBackground: true,
+                backgroundStyle: {
+                                    color: 'rgba(180, 180, 180, 0.2)'
+                                  },
+                        markLine: {
+                          symbol: 'none',
+                        },
+                      },
+         ]
+}
+}

components/option/pieOption.js

@@ -46,7 +46,7 @@ export default function pieOption(color = [], data = [], ) {
       emphasis: {
         label: {
           show: true,
-          fontSize: '40',
+          fontSize: '20',
           fontWeight: 'bold'
         }
       },

pages/insight/pages/brandInsight/TutorInsight/index.js

@@ -1,7 +1,7 @@
 import histogram from "../../../../../components/option/singleColumnarOption"
 import brokenLine from "../../../../../components/option/stackingLineOption"
 import singleLine from "../../../../../components/option/sgOption"
-import pictographicOption from '../../../../../components/option/pictographicOption'
+import pictographicOption from '../../../../../components/option/percentRankOption'
 const app = getApp();
 const dColor=['#FF4852','#FF6E25','#FFBF00','#20CC62','#00D6D6']
 Component({

pages/insight/pages/brandInsight/weiboInsight/index.js

@@ -3,7 +3,7 @@ import splitOption from "../../../../../components/option/splitOption"
 import singleLine from "../../../../../components/option/sgOption"
 import circleOption from '../../../../../components/option/circleOption'
 import pieOption from '../../../../../components/option/pieOption'
-import pictographicOption from '../../../../../components/option/pictographicOption'
+import pictographicOption from '../../../../../components/option/percentRankOption'
 import negaposiOption from '../../../../../components/option/negaposiOption'
 const app = getApp();
 const dColor=['#FF4852','#FF6E25','#FFBF00','#20CC62','#00D6D6']

pages/insight/pages/modalInsight/TutorInsight/index.js

@@ -1,7 +1,7 @@
 import singleLine from "../../../../../components/option/sgOption"
 import pieOption from '../../../../../components/option/pieOption'
 import raydarOption from '../../../../../components/option/raydarOption'
-import pictographicOption from '../../../../../components/option/pictographicOption'
+import pictographicOption from '../../../../../components/option/percentRankOption'
 import histogram from "../../../../../components/option/singleColumnarOption"
 const app = getApp();
 const dColor=['#FF4852','#FF6E25','#FFBF00','#20CC62','#00D6D6']

pages/insight/pages/modalInsight/totalReview/index.wxml

@@ -5,7 +5,7 @@
             <c-echars showChart="{{showChart}}" canvasId="eventbar-canvas" chartId="eventbar" chartOption="{{transformOption}}" height="100%"></c-echars>
         </view>
     </view>
-    <view class="tr-item" style="height: 824rpx;">
+    <view class="tr-item" style="height: 880rpx;">
         <view class="tr-chart-title">传播重点媒体</view>
         <view class="tr-rank-list">
             <view class="ranking">

pages/insight/pages/modalInsight/weiboInsight/index.js

@@ -3,7 +3,7 @@ import splitOption from "../../../../../components/option/splitOption"
 import singleLine from "../../../../../components/option/sgOption"
 import circleOption from '../../../../../components/option/circleOption'
 import pieOption from '../../../../../components/option/pieOption'
-import pictographicOption from '../../../../../components/option/pictographicOption'
+import pictographicOption from '../../../../../components/option/percentRankOption'
 const app = getApp();
 const dColor=['#FF4852','#FF6E25','#FFBF00','#20CC62','#00D6D6']
 Component({