wnkk/dataReport/components/scene-report/scene-report.wxml

<view class="title"></view>
<picker bindchange="bindPickerChange" value="{{index}}" range="{{brandNameList}}">
  <view class="title">
    {{brandNameList[index]}}<icon class="arrow-icon" icon="scene_tit_arrow" />
  </view>
</picker>
<view class="sub-title">综合数据</view>
<view class="data-num-w">
  <view class="data-num" wx:for="{{ dataNumList }}" wx:key="index" >
    <view class="value" style="background-color: {{item.bgColor}}; color: {{ item.color }}">{{ item.value }}</view>
    <view class="label">{{ item.label }}</view>
  </view>
</view>

<view class="sub-title">可视化视图</view>
<view class="chart-type-w">
  <view class="chart-type {{ activeType === item.value ? 'is-active' : '' }}" wx:for="{{chartTypes}}" wx:key="index" data-value="{{item.value}}" bindtap="changeActiveType" >
    <icon class="icon" icon="{{ item.icon }}" />
    <text >{{ item.name }}</text>
  </view>
</view>
<view class="canvas-container" wx:if="{{ activeType === chartTypes[0].value && ec }}">
  <view class="sub-title">店铺浏览数据</view>
  <ec-canvas id="mychart-dom-multi-line"  canvas-id="mychart-multi-line" ec="{{ ec }}" />
</view>
<view class="canvas-container" wx:if="{{ activeType === chartTypes[1].value && ec2 }}">
  <view class="sub-title">客户访问数据</view>
  <ec-canvas id="mychart-dom-multi-line"  canvas-id="mychart-multi-line" ec="{{ ec2 }}" />
</view>
<view class="canvas-container" wx:if="{{ activeType === chartTypes[2].value && ec3 }}">
  <view class="sub-title">热点（商品）浏览数据</view>
  <ec-canvas id="mychart-dom-multi-line"  canvas-id="mychart-multi-bar" ec="{{ ec3 }}" />
</view>

<view class="canvas-container"  wx:if="{{ rateEc }}">
  <view class="sub-title">商机转化率</view>
  <ec-canvas id="mychart-dom-multi-line"  canvas-id="mychart-multi-bar" ec="{{ rateEc }}" />
</view>