xiaolin3303 / wx-charts Goto Github PK
View Code? Open in Web Editor NEW微信小程序图表库,Charts for WeChat Mini Program
License: MIT License
微信小程序图表库,Charts for WeChat Mini Program
License: MIT License
dataItem.color 这个颜色不管用。。。 我用的是area 类型图
微信求加 zhangchuang0816
你好,我在给饼图传入全0数值后,饼图不会显示,同时,同一页面带有点击事件的view,点击事件不会触发。
我尝试在数值全为0的情况将canvas的容器view设置display: none;还是不能点击。
(全0的情况在后台是确实存在的)
请问该怎么解决,谢谢。
由于无法获取到canvas
的大小尺寸,故图表工具需要调用者传入width
和height
来主动告知。
各类终端的屏幕大小有差异,如何来让wx-charts自适应屏幕的尺寸呢,下面给出一种方法。
比如我们的需求是图表横向铺满屏幕的宽度
wxss
.canvas {
width: 100%;
height: 200px;
}
wxml
<view>
<canvas canvas-id="wxChartCanvas" class="canvas"></canvas>
</view>
js
// 调用API getSystemInfoSync 获取设备信息
// 这里使用同步获取,也可以使用异步方式 getSystemInfo
......
let windowWidth = 320;
try {
let res = wx.getSystemInfoSync();
windowWidth = res.windowWidth;
} catch (e) {
// do something when get system info failed
}
new Charts({
...
width: windowWidth,
height: 200
});
同样的,如果需求中canvas
与屏幕有一定的间距,还是先获取屏幕的宽度然后减去间距等计算出画布的实际宽度、高度传递给wx-charts
即可。
如题。
未找到入口 app.json 文件,或者文件读取失败,请检查后重新编译。
如题
因为我现在碰到的一个应用场景,就是在切换自定义标签的时候,就会重绘一次图表(切换了数据源),如果这时候切换标签的速度过快,就会短时间里多次新建wxChart,然后控件就开始闪烁然后绘出结果。
所以我在想是不是如果支持animation complete回调接口以及stopAnimation函数的话,就可以自己控制动画了。
7, 5.5 , 2.7 ....
是怎么测试出来这些值?换字体也可以吗?
js 小白完全不知道该怎么使用, 文档能否再详细点呢?
在微信小程序中,如何在引用后修改config的值,因为配色和风格问题,想根据当前页面的要求,动态修改config中的colors
这个的值.请问如何修改呢?
什么时候能支持点击事件啊 求求求
所有文字颜色 以及表格栅栏的颜色 能不能传参 自定义
圆环图的粗细如何自定义?
饼图的白色分割线能去掉吗或者有配置?
有颜色区分就可以了啊
copy的您的代码,重新创建了一个新的小程序,开发者工具中有图表内容。当初始化new Charts()写在全局Page({})外部时,手机端预览会直接弹出一个serviceScript error的提示,无图表内容;当把new Charts()写在页面onLoad或者onReady函数里的时候手机端预览无弹窗提示,也无内容
如题
开发工具中调试,是好用的,放在手机上预览还是很大,不知道怎么回事。
这是我的样式,别的都和您例子里的一样的,transform-origin是起作用的, transform不起作用
.canvas { width: 640px; height: 600px; transform: scale(0.5); transform-origin: 0% 0%; }
现在饼图的图标和数据名称是上下布局
能否增加配置支持左右布局
canvas层级最高,在真机上会盖住弹出的view,这个要怎么解决?
如果说明列表超过5个或者字数很多,图表无法横向显示全部,建议支持纵向排列,作为一个可选项
获取的数据字段名与图表参数data里面的字段名不一样,可以重新配置吗?
X轴和Y轴的的数据是否有限定呢?我加载上W的X轴的值或者Y轴的值后,整个页面就不显示了,也没有报错任何错误
正确的应该是measureText吧
我做出pie图后 我在iphone6 和iphone5的尺寸下 位置显示不统一 不能居中 wx-charts在适配上要怎么处理
你好,博主,我在使用期间,发现一个问题。就是当第二次加载显示图形的时候,发现容易陷入死循环出不来。debug模式下,发现第二次的时候findRange()的函数第一个参数num值为NaN,导致里面的while循环一直执行。追查了下,发现当getYAxisTextList()函数执行的时候,定义minData的方式有些不太明白。就是最后的 Math.min.apply(this, data)具体代表什么意思?还请指点下,谢谢。
.wxss文件中这样写的
.js中
var wxCharts = require('./utils/wxcharts.js');
Page({
...
onLoad: function() {
new wxCharts({
...
});
}
});
这样写的就看到canvas的图框 里面没显示其他的内容
rt
No config can to change font-color
纯小白来着 应该怎么引用这个js呢 是不是在.wxml里面要申明申明 应该怎么申明
不知道我这个问题会不会太低级啊哈哈。。。
就是假如我要改动一些数据,然后重新绘制,应该怎么做。
可以直接再new wxCharts()吗,那前一个wxCharts对象会继续占用内存吗?
在公司的项目中,有用到过百度的Echarts插件,对chats类内部的一些属性设置有一些了解。目前在微信的charts.js中,查看了一些相关的配置信息,基本的图表加载是十分流畅的。由于一些原因,需要用charts.js来绘制双轴的图表,比如双X+单Y,或者双Y+单X,亦或双X+双Y的情况;charts.js中关于yAxis的设置只是一个object对象,可能不太会满足双轴的需求。在百度的Echarts插件中,其xAxis和yAxisdo都是一个数组,里面可以依次放置两个对象,分别来表示下上的X轴和左右的Y轴。
因此,博主可以考虑下增加这个需求的实现吗?
myAppPage.js
// 路径是wxCharts文件相对于本文件的相对路径
var wxCharts = require('./utils/wxcharts.js');
Page({
...
onLoad: function() {
new wxCharts({
...
});
}
});
求解!3q @xiaolin3303
想问下是否可以点击某一个点时可以弹出详情,因为很多时候数据描述比较长,直接显示很乱
折线图是否能更换成
data:{[
[x1,y1], [x2,y2]
]}传递坐标的方法,
因为我的点可能是跳跃的,比如14时有数据,但是15时没有,然后16时有数据,我希望14时的点直接点连到16时的点
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.