uni-app 中使用ucharts(折线图)

1. 首先导入插件
   

// 2. 直接在vue文件中使用、
<!-- opts:图表样式配置   chartData为：图标数据 -->
<qiun-data-charts type="line" :opts="opts" :chartData="option"/>


// ucharts 配置
opts:{
  xAxis:{
    boundaryGap:"justify"
  },
},
// ucharts 数据
option : {
  categories:["1月","2月","3月","4月","5月","6月","7月"],
  series:[
    {
      name:"成交量A",
      data:[0,23,85,69,23,45,74]
    },
    {
      name:"成交量B",
      data:[0,53,65,29,53,85,94]
    },
  ]
}