原文:基于HTML5 Canvas的3D动态Chart图表

发现现在工业SCADA上或者电信网管方面用图表的特别多,虽然绝大部分人在图表制作方面用的是echarts,他确实好用,但是有些时候我们不能调用别的插件,这个时候就得自己写这些美丽的图表了,然而图表轻易做不成美丽的。。。看到有一个网站上在卖的图表,感觉挺好看的,就用 HT for Web D 做了一个小例子,挺简单的,也挺好看的,哈哈 Demo 地址:http: www.hightopo.com d ...

2017-11-02 08:01 4 1641 推荐指数:

查看详情

基于html5 canvas 的强大图表插件【Chart.js】

名词解释 Chart.js:是基于html5canvas的强大图表插件,支持多样的图表形式,柱状线性饼环极地雷达等等; canvas:只兼容到IE9 excanvas.js:强大的第三方兼容插件,可以使canvas兼容到IE5 链接   Chart.js中文网 ...

Fri Apr 01 18:40:00 CST 2016 0 2110
基于 HTML5 Canvas3D 模型列表贴图

少量图片对于我们赋值是没有什么难度,但是如果图片的量大的话,我们肯定希望能很直接地显示在界面上供我们使用,再就是排放的位置等等,这些都需要比较直观的操作,在实际应用中会让我们省很多力以及时间。下面这个 ...

Thu Dec 07 17:24:00 CST 2017 0 3455
基于 HTML5 Canvas3D 热力云图效果

前言   数据蕴藏价值,但数据的价值需要用 IT 技术去发现、探索,可视化可以帮助人更好的去分析数据,信息的质量很大程度上依赖于其呈现方式。在数据分析上,热力图无疑是一种很好的方式。在很多行业中都有着广泛的应用。   最近刚好项目中需要用到 3D 热力图的效果展示。网上搜了相关资料,发现大多数 ...

Mon Mar 02 08:03:00 CST 2020 4 2780
基于 HTML5 Canvas3D WebGL 机房创建

对于 3D 机房来说,监控已经不是什么难事,不同的人有不同的做法,今天试着用 HT 写了一个基于 HTML5 的机房,发现果然 HT 简单好用。本例是将灯光、雾化以及 eye 的最大最小距离等等功能在 3D 机房中进行的一个综合性的例子。接下来我将对这个例子的实现进行解析,算是自己对这个例子的一个 ...

Mon Dec 25 07:56:00 CST 2017 1 1945
HTML5 进阶系列:canvas 动态图表

前言 canvas 强大的功能让它成为了 HTML5 中非常重要的部分,至于它是什么,这里就不需要我多作介绍了。而可视化图表,则是 canvas 强大功能的表现之一。 现在已经有了很多成熟的图表插件都是用 canvas 实现的,Chart.js、ECharts等可以制作出好看炫酷的图表 ...

Tue May 23 16:42:00 CST 2017 6 13937
Chart.js – 效果精美的 HTML5 Canvas 图表

  Chart.js 是一个令人印象深刻的 JavaScript 图表库,建立在 HTML5 Canvas 基础上。目前,它支持6种图表类型(折线图,条形图,雷达图,饼图,柱状图和极地区域区)。而且,这是一个独立的包,不依赖第三方 JavaScript 库,小于 5KB。   颜色,字体,边框 ...

Wed Mar 20 00:25:00 CST 2013 3 41115
基于 HTML5 Canvas 的简易 2D 3D 编辑器

不管在任何领域,只要能让非程序员能通过拖拽来实现 2D3D 的设计图就是很牛的,今天我们不需要 3dMaxs 等设计软件,直接用 HT 就能自己写出一个 2D 3D 编辑器,实现这个功能我觉得成就感还是爆棚的,哈哈!只要你会想,能做,就能根据这个编辑器延展成 big thing! 本例地址 ...

Mon Dec 04 06:16:00 CST 2017 0 3494
基于HTML5 Canvas 点击添加 2D 3D 机柜模型

今天又返回好好地消化了一下我们的数据容器 DataModel,这里给新手做一个典型的数据模型事件处理的例子作为参考。这个例子看起来很简单,实际上结合了数据模型中非常重要的三个事件处理的部分:属性变化事 ...

Mon Nov 27 16:00:00 CST 2017 0 1239
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM