Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

方法 & 事件 - wxCharts使用说明 #57

Open
xiaolin3303 opened this issue Mar 7, 2017 · 20 comments
Open

方法 & 事件 - wxCharts使用说明 #57

xiaolin3303 opened this issue Mar 7, 2017 · 20 comments

Comments

@xiaolin3303
Copy link
Owner

xiaolin3303 commented Mar 7, 2017

方法

  • updateData(data) 更新图表数据,data: object,data.categories(可选,具体见参数说明),data.series(可选,具体见参数说明),data.title(可选,具体见参数说明),data.subtitle(可选,具体见参数说明)

  • stopAnimation() 停止当前正在进行的动画效果,直接展示渲染的最终结果

  • addEventListener(type, listener) 添加事件监听,type: String事件类型,listener: function 处理方法

  • getCurrentDataIndex(e) 获取图表中点击时的数据序列编号(-1表示未找到对应的数据区域), e: Object微信小程序标准事件,需要手动的去绑定touch事件,具体可参考wx-charts-democolumn图示例

  • showToolTip(e, options?) 图表中展示数据详细内容(目前仅支持linearea图表类型),e: Object微信小程序标准事件,options: Object可选,tooltip的自定义配置,支持option.background,默认为#000000; option.format, function类型,接受两个传入的参数,seriesItem(Object, 包括seriesItem.name以及seriesItem.data)和category,可自定义tooltip显示内容。具体可参考wx-charts-demoline图示例

  • scrollStart(e), scroll(e), scrollEnd(e)设置支持图表拖拽系列事件(支持line, area, column),具体参考wx-charts-demoScrollLine图示例

事件

  • renderComplete 图表渲染完成(如果有动画效果,则动画效果完成时触发)

如何使用事件

let chart = new wxCharts(...);
chart.addEventListener('renderComplete', () => {
    // your code here
});
@tangGuoOne
Copy link

updateData这个方法参数怎么传,我想更新categories和series.data

@xiaolin3303
Copy link
Owner Author

具体可参考wx-charts-demo中怎么对updateData 进行调用的

@xiaomingIsGirl
Copy link

怎么显示饼状图

@liuxingyu521
Copy link

请问updateData函数参数对象data只能是categories series title subtitle 这四个吗?
我想更新设置一下y轴最大值怎么办... @xiaolin3303

@fanyingying
Copy link

请问 为什么用真机测试的时候 ,getCurrentDataIndex 只有第一次点击能返回正确数据,然后每次点击都是返回的-1?

@yuanxiaotian666
Copy link

我建议建立QQ群,这样就可以在群里提问,在线解答问题。帮助大家,更快的掌握用法。

@richardguancn
Copy link

showToolTip可以脱离e参数单独调用吗?有个场景,在微信端,用户进来看到报表,会自动定位到当天的位置,而不是每次从第一天开始,然后滚动到当天,但现在我想自行定位到当天后也能显示tooltip。可以做到吗?

@hcongrong
Copy link

ring类型的 不想显示百分比,可以显示data的值么

@PhilTen
Copy link

PhilTen commented Aug 29, 2018

做showToolTip功能的时候,发现bindtouchstart的行为返回的ID,在开发者工具里是e.target.id,在手机上是e.target.target

@StoneCode5
Copy link

showToolTip可以脱离e参数单独调用吗?有个场景,在微信端,用户进来看到报表,会自动定位到当天的位置,而不是每次从第一天开始,然后滚动到当天,但现在我想自行定位到当天后也能显示tooltip。可以做到吗?

老铁 我也有同样的需求 你实现了吗?

@wisdom1205
Copy link

toolTip显示不出来,是怎么回事呢 @xiaolin3303

@naturalStoryZhen
Copy link

具体可参考wx-charts-demo中怎么对updateData 进行调用的

雷达图写在swiper,雷达图不会滑动是怎么回事 ,需要调用updatedata()吗

@James-Lam
Copy link

ring图表调用updateData方法更新series会卡死,我看demo只update了title和subtitle,是否不能update series? @xiaolin3303

@isharedx
Copy link

怎么在渲染完成后将图表转存为图片?

@llp0407
Copy link

llp0407 commented Jul 2, 2019

请问 为什么用真机测试的时候 ,getCurrentDataIndex 只有第一次点击能返回正确数据,然后每次点击都是返回的-1?

修改getCurrentDataIndex源码中的var _touches$ = touches[0],改成var _touches$ = touches[touches.length-1],

@XFFanny
Copy link

XFFanny commented Sep 27, 2019

微信小程序中,绘制的wxchart的ring图表,在页面滚动的时候总是浮动在顶层。
页面自定义navegation时出现显示样式bug

@zhangwenmin1996
Copy link

如何获取图表中点击 “标识” 时的数据序列编号,就是图表或饼状图下的小标识

@xiaomudegithub
Copy link

showToolTip里面的内容如何换行

@callmesoul
Copy link

callmesoul commented Nov 24, 2020

绑定touch时间后,会导致在canvas向上滑动时,页面滚动不了。是不是可以用tap时间呢?当我改为tap并无效啊

@hjqit
Copy link

hjqit commented May 10, 2021

环形图可以点击放大吗?

# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests