taro小程序使用折线图

以下是一个使用折线图的taro小程序示例：

1. 在taro项目中安装echarts-for-weixin：

npm install echarts-for-weixin --save

2. 在需要使用折线图的页面中引入echarts-for-weixin：

import * as echarts from '../../components/ec-canvas/echarts';

3. 在页面中添加一个canvas元素：

<canvas id="mychart" canvas-id="mychart"></canvas>

4. 在页面的state中定义折线图的数据：

state = {
  ec: {
    lazyLoad: true,
    onInit: initChart
  },
  chartData: {
    xAxis: {
      type: 'category',
      data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
      type: 'value'
    },
    series: [{
      data: [820, 932, 901, 934, 1290, 1330, 1320],
      type: 'line'
    }]
  }
}

5. 在页面的生命周期中初始化折线图：

componentDidMount() {
  this.setState({
    ec: {
      lazyLoad: true,
      onInit: initChart.bind(this)
    }
  });
}

// 初始化折线图
function initChart(canvas, width, height, dpr) {
  const chart = echarts.init(canvas, null, {
    width: width,
    height: height,
    devicePixelRatio: dpr // 像素比
  });
  canvas.setChart(chart);

  chart.setOption(this.state.chartData);

  return chart;
}

6. 运行小程序，就可以看到一个简单的折线图了。

注意：以上示例中的echarts-for-weixin版本为4.2.1，如果使用其他版本可能会出现一些兼容性问题。