wx-charts icon indicating copy to clipboard operation
wx-charts copied to clipboard

方法 & 事件 - wxCharts使用说明

Open xiaolin3303 opened this issue 7 years ago • 20 comments

方法

  • 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
});

xiaolin3303 avatar Mar 07 '17 09:03 xiaolin3303

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

tangGuoOne avatar May 18 '17 02:05 tangGuoOne

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

xiaolin3303 avatar May 18 '17 09:05 xiaolin3303

怎么显示饼状图

xiaomingIsGirl avatar Jun 13 '17 01:06 xiaomingIsGirl

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

liuxingyu521 avatar Jul 27 '17 10:07 liuxingyu521

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

fanyingying avatar Feb 02 '18 05:02 fanyingying

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

yuanxiaotian666 avatar Jun 01 '18 04:06 yuanxiaotian666

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

richardguancn avatar Jun 22 '18 14:06 richardguancn

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

hcongrong avatar Jul 23 '18 09:07 hcongrong

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

PhilTen avatar Aug 29 '18 12:08 PhilTen

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

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

StoneCode5 avatar Nov 14 '18 06:11 StoneCode5

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

wisdom1205 avatar Dec 20 '18 09:12 wisdom1205

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

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

naturalStoryZhen avatar Jan 03 '19 09:01 naturalStoryZhen

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

James-Lam avatar Jan 16 '19 03:01 James-Lam

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

isharedx avatar Feb 22 '19 18:02 isharedx

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

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

llp0407 avatar Jul 02 '19 09:07 llp0407

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

XFFanny avatar Sep 27 '19 05:09 XFFanny

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

zhangwenmin1996 avatar Dec 12 '19 07:12 zhangwenmin1996

showToolTip里面的内容如何换行

xiaomudegithub avatar May 04 '20 04:05 xiaomudegithub

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

callmesoul avatar Nov 24 '20 08:11 callmesoul

环形图可以点击放大吗?

hjqit avatar May 10 '21 07:05 hjqit