可视化
liugang0605
前端架构,可观测工程译者,信通院可观测性专家,北航工程管理硕士毕业,专八,专注于系统性能和稳定性建设。
展开
-
动态生成条形图-canvas
按照上篇我稍微改动了一些: 给每个矩形增加了一个颜色的属性var rec = function (x, y, w, h) { this.x = x; this.y = y; this.w = w; this.h = h; this.color=this.h > 300 ? "red" : this.h > 200 ?原创 2017-08-07 16:08:26 · 1671 阅读 · 0 评论 -
数据展示-条形图-canvas
假设后台要求实现一个条形图,而且还是动态生成,(此处暂时不考虑用户输入数值,仅考虑数据从后台生成); 大概效果如图: 比如在500*500的框内生成;以下是基本布局,<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>trialgame</title> <style>原创 2017-08-07 08:58:43 · 966 阅读 · 0 评论 -
js数据可视化--flotr2.js
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>flotr2</title></head> <body> <div id="chart" style="width:600px;height:300px"></div> <!--为保证ie9以下的兼容性--> <!--[if lt IE 9]><原创 2017-09-11 21:44:21 · 737 阅读 · 0 评论