社区
.NET技术其他语言
帖子详情
canvas画折线图
大神带你飞吧
2015-03-31 09:28:48
用html5画折线图,有坐标系,可以自己输入数据然后折现出现不同效果用for循环哦,坐标轴上有月份,月份也有for循环
...全文
1406
2
打赏
收藏
canvas画折线图
用html5画折线图,有坐标系,可以自己输入数据然后折现出现不同效果用for循环哦,坐标轴上有月份,月份也有for循环
复制链接
扫一扫
分享
举报
写回复
配置赞助广告
用AI写文章
2 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
bdmh
2016-12-09
打赏
举报
回复
无非就是canvas操作,基本和Graphic类似,照猫画虎吧
Android用
Canvas
画
一个
折线图
,并加以简单封装
其中yMaxdata(),lineMaxdata()方法作用为取ydate与linedate中的最大值。在Activity中找到控件后,调用控件的setChartdate()方法;核心:绘制与传入数据产生联系,建议先绘制一次固定的,再自我封装,有利于理解。view宽高设置为mach_parent。3.将所有写死的数据与传进来的数据产生联系。现在就可以根据给到的数据动态绘制简单
折线图
。drawAxispoint方法如下。2.进行数据为空判断和越界判断。view宽高设置为正方形。封装后java代码如下。
Canvas
之
画
多个
折线图
一说明: 使用html
画
多个
折线图
,效果图如下: 二,代码片段(完整的代码在文章的最后) var a_
canvas
; var a_context; var b_
canvas
; var b_context; window.onload = function() { a_
canvas
= document.getElementById(
Canvas
和Paint
画
折线图
Canvas
和Paint实现简单的并且可扩展性十分强的
折线图
canvas
画
折线图
方法
function creat
Canvas
(){ //需要传入的数据 var data = [80,92,104,110,68,50,45]; //需要传入的x坐标 var time =["11","1.1","13.1","14.1","15.1","16.1","17.1"]; // 获取上下文 va
模拟退火算法(SA)、遗传算法(GA)、粒子群优化算法(PSO)等附matlab代码.rar
模拟退火算法(SA)、遗传算法(GA)、粒子群优化算法(PSO)等附matlab代码.rar
.NET技术其他语言
1,979
社区成员
12,447
社区内容
发帖
与我相关
我的任务
.NET技术其他语言
.NET技术 其他语言讨论
复制链接
扫一扫
分享
社区描述
.NET技术 其他语言讨论
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章