图形在微信开发者工具和手机上表现不一

[stephenhyy]

你好，这边碰到一个问题
如图


第一个图开发工具上正常，picker可以把图形盖住
第二张在手机上图形穿透picker很混乱
请问下这是什么原因导致的，我应该在哪里改，还有指标的颜色相关的我可以在哪里改？

[jones2000]

canvas 2d 试试

[stephenhyy]

大佬，上次vue3不支持支持proxy，我再试试看能不能找到办法

[stephenhyy]

大佬，不幸，我用canvas 2d 试了，也是那样的，开发工具是好的

[jones2000]

https://github.com/jones2000/HQChart-Super/tree/master/hqchart_super_eastmoney_demo_wechat
你试下这个例子把。例子里面的选择股票的地方是一个下来的菜单。

[stephenhyy]

不是组件的问题，是微信小程序原生canvas就在最高层级，其它组件加z-index也没有用，解决办法就是出现picker或下拉时隐藏canvas，同时生成图片展示

[jones2000]

官方就不支持。

https://developers.weixin.qq.com/miniprogram/dev/component/native-component.html

[stephenhyy]

我现在碰到个新问题，就是每次更新图片时，我选择全部重新绘制，这样在手机上有点难看，特别是其中某些线会变颜色，一会又正常，我也看了增量更新但是不生效，super那里又看不懂，你能不能给点代码？

[stephenhyy]

我不是原生的picker，只能说类似哈，我是uniapp编译的

[jones2000]

HQChart使用教程30-K线图如何对接第3方数据14-轮询增量更新日K数据

HQChart使用教程30-K线图如何对接第3方数据15-轮询增量更新1分钟K线数据

https://github.com/jones2000/HQChart/blob/master/vuehqchart/src/jscommon/umychart.NetworkFilterTest.js

[stephenhyy]

我设置了

交易时间里会触发一次networkerFilter，但是对我来说用处不大呀，我是在获取历史数据后绘制出图片，然后定时3s用ws拉取最新的数据，更新哈，有没有这种的方法

[stephenhyy]

我在ws的数据回调了调用recvRealTimeData({data:{code:0,stock:[最新]}})按理说也是增量，但是分时的我找不到相关方法。

[jones2000]

分时图图只能更新全天的， 没有增量更新1分钟的。 this.Chart.JSChartContainer.RecvMinuteData

[stephenhyy]

那这样，对于5日的话怎么办，数据量太大，前4天的基本不变

[jones2000]

多日分时。 全量多日数据请求 -> 当天数据请求 -> 当日数据请求.... 多日的只请求1次， 其他的都是当天的全量数据。

[stephenhyy]

是的数据时一次，但是绘制时把全量数据都算上了，有没有可能只更新后半段（当日的）

[jones2000]

没有

[stephenhyy]

哦，好的，我一直以为是那个重绘会造成指标走样，你看看这个


但是增量绘制按理不影响呀，不知道怎么回事

[jones2000]

小程序用canvas 2d.

标题栏是长这样的，你的标题栏不是canvas 2d.

[stephenhyy]

我想用2d 可以比较奇葩，同一个页面，我只有当日分时生效

这个res有值，其它的都是res为null，也画不出来，页面也不报错，我找了很久也没有找到错误，页面有多个canvas是不是这个原因？

[stephenhyy]

我5日的肯定用的不一样的id

[stephenhyy]

大佬，部分代码是这样的，res就是获取不到 <canvas class="5minutechart" canvas-id="5minutechart" id="5minutechart" type="2d"
:style="{'height':height+'px','width':width+'px'}"
@touchstart='minutetouchstart' @touchmove='minutetouchmove' @touchend='minutetouchend'/>

const self = this;
  wx.createSelectorQuery()
    .select('#5minutechart')
    .fields({
      node: true,
      size: true,
    })
    .exec((res) => {
      debugger

[jones2000]

https://github.com/jones2000/HQChart-Super/blob/master/hqchart_super_eastmoney_demo_wechat/pages/EastMoney_Data/index.wxml

对比下示例看看吧。 示例是用了2个画布的。

[stephenhyy]

真想抽自己，不能数字开头 5minutechart ，换成字母就好了，我和你给的例子基本差不多

[stephenhyy]

大佬，我看了下这个

设置了也没有触发networkfilter，他的工作原理是什么，这个和我拿到新数据后把保存的老数据拼接一起调用HQcallback有什么区别？

[stephenhyy]

那里的重绘是什么意思，是画布重新初始化吗？还是说只是所有数据重新组装，这样的话如果手机上左边滑动到指定位置，然后重绘会不会回到初始位置

[jones2000]

画布局部绘制 和 整个画布全部绘制区别。

[stephenhyy]

那还有个问题，关于k线的指标，我怎么保证初始化时窗口指标只展示2个，实际有4个，其它的可以通过切换获得，目前发现只能调用指标函数改变 Chart.ChangeIndex(windowIndex,indexName,option)，初始化windows里写几个，就画几个

[jones2000]

setoption的时候 配置好windows

[stephenhyy]

没有明白，setoption的时候 配置好windows，配置几个显示几个，但是我想显示2个，其它的切换，难道只能调用函数？

[jones2000]

HQChart使用教程27- 动态设置K线图指标模板

[stephenhyy]

你好，几天没弄这个 我按教程27

这样设置bu不生效，我看setOption已经更新，但是画出的图还是5,10,20

[jones2000]

加QQ交流群问 719525615