HQChart使用教程37 - 如何在uni-app创建k线图(app)

HQChart使用教程37 - 如何在uni-app创建k线图 app

  • 插件目录
  • 创建步骤
    • 1. 拷贝插件到工程中
    • 2. 创建一个page页 在page页中
    • 3.运行到模拟器
  • 特别感谢 秋云

插件目录

HQChart使用教程37 - 如何在uni-app创建k线图(app)_第1张图片

创建步骤

1. 拷贝插件到工程中

创建一个空的uni-app 工程, 把wechathqchart 目录拷贝到工程中。
例子里 我建了一个hqchart.uniapp的目录, 把插件的文件拷贝到这个目录里
HQChart使用教程37 - 如何在uni-app创建k线图(app)_第2张图片

2. 创建一个page页 在page页中

import umychart.wechat.3.0.js
创建一个画布元素
绑定手势事件

代码如下:







注意

 element.IsUniApp=true 

如果是uniapp-app平台的需要设置为true,其他平台的不需要设置

3.运行到模拟器

HQChart使用教程37 - 如何在uni-app创建k线图(app)_第3张图片

特别感谢 秋云

帮我解决了在uniapp-app 环境中measureText 无法计算的问题。
官方bugi地址: https://ask.dcloud.net.cn/question/70374

如果还有问题可以加交流QQ群: 950092318

HQChart代码地址
地址:github.com/jones2000/HQChart

你可能感兴趣的:(uni-app,JavaScript,HQChart)