xiaolin3303 / wx-charts Goto Github PK

如题

你好，博主，我在使用期间，发现一个问题。就是当第二次加载显示图形的时候，发现容易陷入死循环出不来。debug模式下，发现第二次的时候findRange()的函数第一个参数num值为NaN，导致里面的while循环一直执行。追查了下，发现当getYAxisTextList()函数执行的时候，定义minData的方式有些不太明白。就是最后的 Math.min.apply(this, data)具体代表什么意思？还请指点下，谢谢。

纯小白来着 应该怎么引用这个js呢 是不是在.wxml里面要申明申明 应该怎么申明

线形图标中，如果数据过多，会导致X轴太过密集无法正常显示，甚至导致数据显示不全，请问有办法让数据正常显示，但是X轴biaozhu标注不出现呢？如图：可以去掉下面的日期不显示。正常显示数据吗？

copy的您的代码，重新创建了一个新的小程序，开发者工具中有图表内容。当初始化new Charts()写在全局Page({})外部时，手机端预览会直接弹出一个serviceScript error的提示，无图表内容；当把new Charts()写在页面onLoad或者onReady函数里的时候手机端预览无弹窗提示，也无内容

微信求加　zhangchuang0816

js 小白完全不知道该怎么使用, 文档能否再详细点呢?　

什么时候能支持点击事件啊 求求求

饼图的白色分割线能去掉吗或者有配置?
有颜色区分就可以了啊

如题。

获取的数据字段名与图表参数data里面的字段名不一样，可以重新配置吗？

是否能纵向显示x轴，横向显示y轴
把xy轴互换

如果说明列表超过5个或者字数很多，图表无法横向显示全部，建议支持纵向排列，作为一个可选项

你好，我在给饼图传入全0数值后，饼图不会显示，同时，同一页面带有点击事件的view，点击事件不会触发。
我尝试在数值全为0的情况将canvas的容器view设置display: none;还是不能点击。
(全0的情况在后台是确实存在的)
请问该怎么解决，谢谢。

所有文字颜色 以及表格栅栏的颜色 能不能传参 自定义

圆环图的粗细如何自定义？

现在饼图的图标和数据名称是上下布局
能否增加配置支持左右布局

.wxss文件中这样写的

.js中
var wxCharts = require('./utils/wxcharts.js');
Page({
...
onLoad: function() {
new wxCharts({
...
});
}
});
这样写的就看到canvas的图框 里面没显示其他的内容

因为我现在碰到的一个应用场景，就是在切换自定义标签的时候，就会重绘一次图表（切换了数据源），如果这时候切换标签的速度过快，就会短时间里多次新建wxChart，然后控件就开始闪烁然后绘出结果。
所以我在想是不是如果支持animation complete回调接口以及stopAnimation函数的话，就可以自己控制动画了。

在微信小程序中,如何在引用后修改config的值,因为配色和风格问题,想根据当前页面的要求,动态修改config中的colors这个的值.请问如何修改呢?

折线图是否能更换成
data:{[
[x1,y1], [x2,y2]
]}传递坐标的方法，
因为我的点可能是跳跃的，比如14时有数据，但是15时没有，然后16时有数据，我希望14时的点直接点连到16时的点

X轴和Y轴的的数据是否有限定呢？我加载上W的X轴的值或者Y轴的值后，整个页面就不显示了，也没有报错任何错误

canvas层级最高，在真机上会盖住弹出的view，这个要怎么解决？

想问下是否可以点击某一个点时可以弹出详情，因为很多时候数据描述比较长，直接显示很乱

y轴能不能有这种样式，我理解为时刻轴，各个时刻的数据
你给的只能是我理解为合计轴，比如一年的总体数据

当折线图数据很多的时候完全乱了，不知能否实现自动过滤出几个category来显示，然后加了min=0不知道为什么不生效。

No config can to change font-color

如题
开发工具中调试，是好用的，放在手机上预览还是很大，不知道怎么回事。
这是我的样式，别的都和您例子里的一样的，transform-origin是起作用的， transform不起作用
.canvas { width: 640px; height: 600px; transform: scale(0.5); transform-origin: 0% 0%; }

未找到入口 app.json 文件，或者文件读取失败，请检查后重新编译。

在公司的项目中，有用到过百度的Echarts插件，对chats类内部的一些属性设置有一些了解。目前在微信的charts.js中，查看了一些相关的配置信息，基本的图表加载是十分流畅的。由于一些原因，需要用charts.js来绘制双轴的图表，比如双X+单Y，或者双Y+单X，亦或双X+双Y的情况；charts.js中关于yAxis的设置只是一个object对象，可能不太会满足双轴的需求。在百度的Echarts插件中，其xAxis和yAxisdo都是一个数组，里面可以依次放置两个对象，分别来表示下上的X轴和左右的Y轴。
因此，博主可以考虑下增加这个需求的实现吗？

rt

myAppPage.js

// 路径是wxCharts文件相对于本文件的相对路径
var wxCharts = require('./utils/wxcharts.js');
Page({
    ...
    onLoad: function() {
        new wxCharts({
            ...
        });
    }
});

背景:当返回的数据很多时，x轴的刻度很密集，不知是否支持自动适配，如果间隔很小，则x周刻度可取几个为一组，类似百度的echart

百度e'char图

由于无法获取到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即可。

7， 5.5 ， 2.7 ....
是怎么测试出来这些值？换字体也可以吗？

我做出pie图后 我在iphone6 和iphone5的尺寸下 位置显示不统一 不能居中 wx-charts在适配上要怎么处理

dataItem.color 这个颜色不管用。。。 我用的是area 类型图

求解！3q @xiaolin3303

正确的应该是measureText吧

不知道我这个问题会不会太低级啊哈哈。。。

就是假如我要改动一些数据，然后重新绘制，应该怎么做。

可以直接再new wxCharts()吗，那前一个wxCharts对象会继续占用内存吗？