haowanShow/miniprogram/dataReport/components/scene-report/scene-report.wxml

<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 }}">
  <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 }}">
  <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 }}">
  <view class="sub-title">热点（商品）浏览数据</view>
  <ec-canvas id="mychart-dom-multi-line"  canvas-id="mychart-multi-bar" ec="{{ barEc }}" />
</view>

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