1 <template>
 2   <view class="line__chart">
 3     <ec_canvas
 4       
 5       canvas-
 6       ec="{{ ec }}"
 7       bind:init="echartInit"
 8     ></ec_canvas>
 9   </view>
10 </template>
11 
12 <script>
13 import wepy from 'wepy';
14 import echarts from './ec-canvas/echarts.js';
15 
16 export default class LineChart extends wepy.component {
17   data = {
18     ec: {},
19   };
20 
21   methods = {
22     echartInit(e) {
23       this.initChart(e.detail.canvas, e.detail.width, e.detail.height);
24     },
25   };
26 
27   initChart(canvas, width, height) {
28     const chart = echarts.init(canvas, null, {
29       width: width,
30       height: height,
31     });
32     canvas.setChart(chart);
33 
34     const option = {
35       xAxis: {
36         type: 'category',
37         data: ['1', '2', '3', '4', '5'],
38         axisTick: {
39           show: false,
40         },
41         axisLabel: {
42           color: '#666',
43           fontWeight: 800,
44         },
45       },
46      legend: {
47         data: ['体温异常人数', '体温正常人数']
48     },
49       yAxis: {
50         type: 'value',
51         interval: 20,
52         max: 300,
53         show: true,
54       },
55       series: [
56         {
57           name: "体温异常人数",
58           data: [12,5,16,7,4],
59           type: 'line',
60           lineStyle: {
61             color: '#ff6147',
62             width: 1,
63           },
64           // showSymbol: false,
65         },
66         {
67           name: "体温正常人数",
68           data: [55,100,150,100,120],
69           type: 'line',
70           lineStyle: {
71             color: '#237dff',
72             width: 1,
73           },
74         },
75       ],
76     };
77 
78     chart.setOption(option);
79     return chart;
80   }
81 }
82 </script>
83 
84 <style lang="less">
85 .line__chart {
86   width: 100%;
87   height: 600rpx;
88   margin: 0 auto;
89 }
90 </style>

 1 <template>
 2   <view class="page-index">
 3         <view class="chart_box">
 4             <LineChart></LineChart>
 5         </view> 
 6   </view>
 7 </template>    
 8 
 9 <script>
10 import wepy from 'wepy';
11 import LineChart from '../../components/charts/lineChart';
12 export default class Index extends wepy.page {
13   config = {
14     navigationBarTitleText: '数据中心',
15     navigationBarBackgroundColor: '#fff',
16     navigationBarTextStyle: 'black',
17     usingComponents: {
18       ec_canvas: '../../components/charts/ec-canvas/ec-canvas',
19     },
20   };
21 
22   components = {
23     LineChart,
24   };
25 }
26 </script>

1 config = {
2     navigationBarTitleText: '数据中心',
3     navigationBarBackgroundColor: '#fff',
4     navigationBarTextStyle: 'black',
5     usingComponents: {
6       ec_canvas: '../../components/charts/ec-canvas/ec-canvas',
7     },
8   };