carInsightSystem_wxapp/contrastPackages/themeRatio/weibo/index.wxml

<view class="chart_box">
    <view class="chart_title">微博信息量对比</view>
    <view class="table">
        <c-echars showChart="{{showChart}}" canvasId="brandbar-canvas" chartId="brandbar" chartOption="{{brandOption}}" height="100%"></c-echars>
    </view>
</view>

<view class="chart_box">
    <view class="chart_title">微博互动人数</view>
    <view class="table">
        <c-echars showChart="{{showChart}}" canvasId="brandbar-canvas" chartId="brandbar" chartOption="{{brandOption2}}" height="100%"></c-echars>
    </view>
</view>
<view class="chart_box">
    <view class="chart_title">微博大V对比</view>
    <view class="table">
        <c-echars showChart="{{showChart}}" canvasId="brandbar-canvas" chartId="brandbar" chartOption="{{brandOption4}}" height="100%"></c-echars>
    </view>
</view>

<view class="chart_box">
    <view class="chart_title">微博调性对比</view>
    <view class="table" style="height: 100%;">
        <c-echars showChart="{{showChart}}" canvasId="brandbar-canvas" chartId="brandbar" chartOption="{{evalOption}}" height="100%"></c-echars>
    </view>
</view>
<view class="top_box">
    <view class="top-title">
        <view style="width: 45%;">微博内容方向对比</view>
        <view style="width:50%;margin-right: 32rpx;">
            <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>
                <van-tab title="组三" wx:if="{{brandTopData.length>4}}"></van-tab>
            </van-tabs>
        </view>

    </view>
    <view style="font-size:32rpx;margin-left:30rpx;">{{brandTop[0].themeName}}</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>
        <view class="ranking_cell" wx:for="{{brandTop[0].Data}}" wx:for-item="item" wx:if="{{index>=0 && index<=4}}" wx:key="V">
            <view wx:if="{{index==0}}" style="width: 33%;">
                <image src="{{imageUrl}}/img_diyi.png" style="height:46rpx;width:53rpx;"></image>
            </view>
            <view wx:elif="{{index==1}}" style="width: 33%;">
                <image src="{{imageUrl}}/img_dier.png" style="height:46rpx;width:53rpx;"></image>
            </view>
            <view wx:elif="{{index==2}}" style="width: 33%;">
                <image src="{{imageUrl}}/img_disan.png" style="height:46rpx;width:53rpx;"></image>
            </view>
            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 33%;">{{"0"+(index+1)}}</view>
            <view style=" width: 33%;font-size: 28rpx;font-weight: bolder;">{{item.key}}</view>
            <view style=" width: 33%;font-size: 28rpx;color: #0084ff;font-weight: bolder;text-align: center;">{{item.value}}</view>
        </view>
    </view>
    <view class="henxian"></view>
    <view style="font-size:32rpx;margin-left:30rpx;">{{brandTop[1].themeName}}</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>
        <view class="ranking_cell" wx:for="{{brandTop[1].Data}}" wx:for-item="item" wx:if="{{index>=0 && index<=4}}" wx:key="V">
            <view wx:if="{{index==0}}" style="width: 33%;">
                <image src="{{imageUrl}}/img_diyi.png" style="height:46rpx;width:53rpx;"></image>
            </view>
            <view wx:elif="{{index==1}}" style="width: 33%;">
                <image src="{{imageUrl}}/img_dier.png" style="height:46rpx;width:53rpx;"></image>
            </view>
            <view wx:elif="{{index==2}}" style="width: 33%;">
                <image src="{{imageUrl}}/img_disan.png" style="height:46rpx;width:53rpx;"></image>
            </view>
            <view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 33%;">{{"0"+(index+1)}}</view>
            <view style=" width: 33%;font-size: 28rpx;font-weight: bolder;">{{item.key}}</view>
            <view style=" width: 33%;font-size: 28rpx;color: #0084ff;font-weight: bolder;text-align: center;">{{item.value}}</view>
        </view>
    </view>
</view>
<view class="area_box">
    <view class="top-title">
        <view style="width: 45%;">活跃用户信息</view>
        <view style="width:50%;margin-right: 32rpx;">
            <van-tabs type="card" active="{{ userActive }}" color="#BBBBBB" bind:change="changeActiveUser">
                <van-tab title="组一"></van-tab>
                <van-tab title="组二" wx:if="{{brandTopData.length>2}}"></van-tab>
                <van-tab title="组三" wx:if="{{brandTopData.length>4}}"></van-tab>
            </van-tabs>
        </view>
    </view>
    <view  wx:for="{{area}}">
        <view style="margin-left:32rpx ;">{{item.name}}</view>
        <view class="chart_box" style="margin-top: -100rpx;">
            <view style="float:left;width:342rpx;height:486rpx;">
                <c-echars showChart="{{showChart}}" canvasId="region-canvas1" chartId="regionbar1" chartOption="{{item.func[0]}}" height="100%"></c-echars>
            </view>
            <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_title">微博用户性别对比</view>
    <view class="table">
        <c-echars showChart="{{showChart}}" canvasId="brandbar-canvas" chartId="brandbar" chartOption="{{genderOption}}" height="100%"></c-echars>
    </view>
</view>
<view class="chart_box">
    <view class="chart_title">微博认证用户对比</view>
    <view class="table">
        <c-echars showChart="{{showChart}}" canvasId="brandbar-canvas" chartId="brandbar" chartOption="{{genderOption2}}" height="100%"></c-echars>
    </view>
</view>