Skip to content
New issue

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

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

Already on GitHub? Sign in 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

环形图可以点击放大吗?

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

No branches or pull requests