钉钉小程序+f2/mini-chart实现折线图

参考文档：mini-chart

1、效果图

2、在GitHub上下载 mini-chart 组件，得到 mini-chart-master 文件

3、首先，将 mini-chart-master/components 文件下的 line 组件，拷贝到自己项目的 mini-chart 目录中

4、然后发现，line 组件依赖于 @antv/my-f2.js、…/mixins/methods.js、…/util.js，分别找到对应文件中对应的js，拷贝到自己项目的 mini-chart 目录中




5、最终得到，自己项目的 mini-chart 目录如下

7、到此为止，准备工作就做好了，下面开始创建折线图
test-mini-chart.json 文件

{
   
  "usingComponents": {
   
    "line": "../../mini-chart/line/index"
  }
}

test-mini-chart.axml 文件

<view class="line">
  <line
    categories="{
    {categories}}"
    series="{
    {series}}"
    xAxis="{
    {xAxis}}"
    yAxis="{
    {yAxis}}"
    legend="{
    {legend}}"
    tooltip="{
    {tooltip}}"
  />
</view>

test-mini-chart.js 文件

Page({
   
  data: {
   
    categories: ['2017-06-05', '2017-06-06', '2017-06-07', '2017-06-08'