支付宝小程序显示图表

要在支付宝小程序中显示图表，可以使用支付宝小程序提供的`<ec-canvas>`组件和`echarts-for-weixin`库。具体步骤如下：

1. 在小程序页面的`json`文件中引入`<ec-canvas>`组件，并设置相应的属性，例如：

{
  "usingComponents": {
    "ec-canvas": "/components/ec-canvas/ec-canvas"
  }
}

2. 在小程序页面的`wxml`文件中添加`<ec-canvas>`组件，例如：

<ec-canvas id="mychart" canvas-id="mychart-canvas" ec="{{ ec }}"></ec-canvas>

其中，`id`是组件的唯一标识符，`canvas-id`是画布的标识符，`ec`是图表的配置项。

3. 在小程序页面的`js`文件中引入`echarts-for-weixin`库，并创建图表，例如：

import * as echarts from '../../libs/echarts/echarts.js'
import '../../libs/echarts/ec-canvas.js'

Page({
  data: {
    ec: {
      onInit: initChart
    }
  }
})

function initChart(canvas, width, height) {
  const chart = echarts.init(canvas, null, {
    width: width,
    height: height
  })

  canvas.setChart(chart)

  const option = {
    ...
  }

  chart.setOption(option)

  return chart
}

其中，`onInit`属性指定了图表初始化时调用的函数，该函数创建一个`echarts`实例，并将其绑定到`<ec-canvas>`组件上。

4. 在图表的配置项中设置相应的数据和样式，例如：

const option = {
  title: {
    text: '某地区蒸发量和降水量'
  },
  tooltip: {},
  legend: {
    data: ['蒸发量', '降水量']
  },
  xAxis: {
    data: ['1月', '2月', '3月', '4月', '5月', '6月']
  },
  yAxis: {},
  series: [{
    name: '蒸发量',
    type: 'bar',
    data: [2.0, 4.9, 7.0, 23.2, 25.6, 76.7]
  }, {
    name: '降水量',
    type: 'bar',
    data: [2.6, 5.9, 9.0, 26.4, 28.7, 70.7]
  }]
}

以上就是在支付宝小程序中显示图表的基本流程，具体的图表样式和配置可以根据需求进行调整。