carInsightSystem_wxapp/contrastPackages/themeRatio/survey/index.wxml

<view class="chart_box">
    <view class="chart_title">信息量趋势</view>
    <view class="table">
        <c-echars height="100%" showChart="{{showChart}}" canvasId="eventbar-canvas" chartId="eventbar" chartOption="{{transformOption}}"></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="{{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">主题调性对比</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="chart_box">
    <view class="chart_title">渠道分布</view>
    <view class="table" style="height: 100%;">
        <c-echars showChart="{{showChart}}" canvasId="brandbar-canvas" chartId="brandbar" chartOption="{{brandOption3}}" 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="{{brandOption4}}" height="100%"></c-echars>
    </view>
</view>


<view class="top_box">
    <view class="top-title">
        <view style="width: 45%;">品牌传播TOP媒体</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].value}}" 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].value}}" 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="cloud_box">
    <view class="cloud_title">
        <view style="width: 45%;">正面词云对比</view>
        <view style="width:50%;margin-right: 32rpx; ">
            <van-tabs type="card" active="{{positiveWordActive }}" color="#BBBBBB" bind:change="changePositive">
                <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 class="cloud_content" wx:for="{{positive}}" wx:for-index="index" wx:key="index">
        <view style="margin-left: 32rpx;">{{item.name}}</view>
            <view style="margin-top: -140rpx;margin-left: 40rpx;">
                <word-cloud canvasId="{{'w'+index}}"  list="{{item.value}}" width="100%" height="230" color="#0284FF"></word-cloud>
            </view>
    </view>
</view>
<view class="cloud_box">
    <view class="cloud_title">
        <view style="width: 45%;">负面词云对比</view>
        <view style="width:50%;margin-right: 32rpx; ">
            <van-tabs type="card" active="{{ negativeWordActive }}" color="#BBBBBB" bind:change="changeNegative">
                <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 class="cloud_content" wx:for="{{negative}}" wx:for-index="index" wx:key="index">
        <view style="margin-left: 32rpx;">{{item.name}}</view>
            <view style="margin-top: -140rpx;margin-left: 40rpx;">
                <word-cloud canvasId="{{'w'+index}}"  list="{{item.value}}" width="100%" height="230" color="#0284FF"></word-cloud>
            </view>
    </view>
</view>