2 luogang7950601 luogang7950601 于 2016.01.27 18:18 提问

画曲线图,需要画出圆滑的曲线并且可以在曲线上滑动显示某个点的相关值

我想要做的效果,如下图
图片说明
请问这种效果有没有第3方库可以做啊,或者自己画的话该怎么做~~菜鸟一枚,只能画出一个折线图效果,不知道该怎么画平滑的曲线,并且添加滑动效果,求做过的大神帮忙啊!

2个回答

caozhy
caozhy   Ds   Rxr 2016.01.27 18:40

什么平台没有说,是 web 么?这种曲线有很多库可以实现。

http://www.cnblogs.com/lhb25/p/35-javascript-chart-and-graph-libraries.html

总有一个你喜欢。

luogang7950601
luogang7950601 要做 android 和ios 的
2 年多之前 回复
luogang7950601
luogang7950601   2016.01.27 18:24

自己顶一个,求大神!

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
ECharts学习笔记<如何去掉点以及让曲线平滑>
series : [ { name:'真实数据', symbol:'none', //这句就是去掉点的 type:'line', smooth:true, //这句就是让曲线变平滑的 stack: '总量', data:[0, 0, 0,
怎么用matlab标记曲线上符合条件的点
由一组n*2的数据画出一条曲线,然后在这条曲线上标记(以Y轴为例)大于或者小于某一个值的第一个点。 Example: 假设这两组数据是 Y -0.2057 -0.1291 -0.0588 0.0057 0.0646 0.1185 0.1678 0.2132 0.2545 0.2924 0.3269 0.3585 0.3873 0.413
在iOS上绘制自然的曲线
这里有一篇很棒的文章写如何在Android上获取流畅的签名:Smoother Signatures,但是我没有找到一篇是写在iOS上如何实现。那么,究竟怎么做才能在iOS设备上获取用户的签名呢? 虽然我没有找到任何关于获取签名的文章,但是在App store上已经有了实现得很好的app。  Paper by 53 是一个画画的iPad应用程序,它拥有漂亮并且灵敏的画笔,这
Excel画平滑曲线散点图的算法 vba代码
让用户可以随时查找曲线上任意点的坐标(函数值) 附件的 .mht文件,是一个简单介绍贝塞尔三次插值的文档,可以用IE打开,更多贝塞尔插值的算法,可以用搜索引擎找 附件的 .xls文件,打开以后,会看见三个工作表,分别演示了 找一个数值在曲线上的一组对应点 找一个数值在曲线上的所有对应点 和贝塞尔曲线是怎样在通过每两个节点的(每一对输入的X-Y数值代表平面坐标系的一个点,称为节点,Excel的平滑曲线通过每一个节点) 要在其他Excel文档使用 BezireInt() 函数,需要按Alt+F11,双击模块一 复制所有文字 然后打开其他Excel文档按Alt+F11,插入---模块,然后粘贴所有文字 自定义函数的使用方法是: 在空白单元格输入 =BezierInt(X坐标的范围,Y坐标的范围,待查的数值) 函数就会返回一个包含六个元素的数组,分别是三个点的X,Y坐标 如: 你根据 a1:a4的数值作为X值,b2:b4的数值作为Y值,画了一个平滑线散点图 想查找c1的数值是不是在这条曲线上 就可以输入 =Index( BezierInt(a1:a4,b1:b4,c1) ,1,1) 得到曲线上第一个 X值=C1数值的点的X坐标 =Index( BezierInt(a1:a4,b1:b4,c1) ,1,2) 得到曲线上第一个 X值=C1数值的点的Y坐标 =Index( BezierInt(a1:a4,b1:b4,c1) ,1,3) 得到第2个 X值=C1数值的点的X坐标 =Index( BezierInt(a1:a4,b1:b4,c1) ,1,4) 得到第2个 X值=C1数值的点的Y坐标 =Index( BezierInt(a1:a4,b1:b4,c1) ,1,5) 得到第3个 X值=C1数值的点的X坐标 =Index( BezierInt(a1:a4,b1:b4,c1) ,1,6) 得到第3个 X值=C1数值的点的Y坐标 如果有多段曲线上的点包含C1的数值,那么可以增加输入参数,指定从哪个节点开始查找 =Index( BezierInt(a1:a4,b1:b4,c1,3),1,1) 得到从第三组X-Y数据开始查找, 返回第一个符合C1数值的点的X坐标 =Index( BezierInt(a1:a4,b1:b4,c1,3),1,2) 得到从第三组X-Y数据开始查找,返回第一个符合C1数值的点的Y坐标 函数默认输入数值是X值,要根据Y值找点的话,还可以增加输入参数, 指定输入的是Y值 =Index( BezierInt(a1:a4,b1:b4,c1,1,"Y"),1,1) 得到返回曲线上第一个 Y值=C1数值的点的X坐标如此类推......
ios 贝塞尔曲线轨迹更加平滑
在使用贝塞尔曲线画图的时候,在画线速度比较快的时候可能会出现不够平滑的现象,所以我们要处理一下这样的问题,首先我将代码附在下面,在这段代码之前要获得这个贝塞尔曲线上的点,在我的博客中有一篇文章就是介绍怎么获得贝塞尔曲线上的点的,代码如下:#define POINT(_INDEX_) [(NSValue *)[points objectAtIndex:_INDEX_] CGPointValue]
matlab利用描点画平滑曲线
clear; x1=-0.05:0.03:0.2; x2=0:0.05:0.35; y1(:,1)=0;y1(:,2)=0;y1(:,3)=0.6;y1(:,4)=0.86;y1(:,5)=0.93;y1(:,6)=0.97;y1(:,7)=0.980;y1(:,8)=0.99;y1(:,9)=1.0; y2(:,1)=0;y2(:,2)=0.1;y2(:,3)=0.38;y2(:,4)=0.6
achartengine实现平滑曲线
上一篇文章我们通过getLineChartView来实现了折线图的显示ChartFactory.getLineChartView(mContext, dataset, renderer);而通过查看API我们发现achartengine还提供了一个getCubeLineChartView来获取一个显示平滑曲线的view,使用起来和获取普通折线图没有太大的区别ChartFactory.getCubeL
用excel寻找拟合曲线上的某一点的使用方法
附件详细说明了Excel画平滑曲线散点图的算法,并且提供了一个自定义函数 BezierInt() ,让用户可以随时查找曲线上任意点的坐标(函数值) 附件的 .mht文件,是一个简单介绍贝塞尔三次插值的文档,可以用IE打开,更多贝塞尔插值的算法,可以用搜索引擎找 附件的 .xls文件,打开以后,会看见三个工作表,分别演示了
在Android中如何绘制光滑曲线(一)
需求:根据N个点p1(x1,y1),p2(x2,y2),…,pn(xN,yN)绘制一条光滑曲线? 经过了解,发现贝塞尔曲线可以满足要求。贝塞尔曲线是由法国工程师皮埃尔·贝塞尔(Pierre Bézier)于1962所广泛发表,他运用贝塞尔曲线来为汽车的主体进行设计。 详细介绍请看这里。 一、贝塞尔曲线的公式 线性贝塞尔曲线: 二次贝塞尔曲线:
android开发中怎么在界面上实现曲线图
推荐你几个相关开源项目,可以根据需要自己选择,自己画还是比较麻烦的: MPAndroidChart 强大的图表绘制工具,支持折线图、面积图、散点图、时间图、柱状图、条图、饼图、气泡图、圆环图、范围(高至低)条形图、网状图及各种图的结合;支持图的拖拽缩放;支持 Android 2.2 以上,支持横纵轴缩放,多指缩放,展现动画、高亮、保存到 sdcard、从文件读取图表