数据可视化 | 部分数据可视化解决方案

canvas

canvas是HTML5的新特性，可以通过JavaScript在canvas元素上绘制图案。

编写canvas标签并指定宽高
获取canvas DOM对象
获取Canvas对象
设置绘图属性
调用API

svg

SVG 是一种基于XML的图像文件格式，可以用于绘制矢量图形。

编写svg标签并指定宽高
编写sbg绘图标签
编写绘图属性和样式

WebGL

WebGL（Web Graphics Library）是一种 3D 绘图协议，WebGL可以为 HTML5 Canvas 提供硬件3D加速渲染，这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示 3D 场景和模型了，还能创建复杂的导航和数据视觉化。

zrender

zrender 是二维绘图引擎，它提供 Canvas、SVG、VML 等多种渲染方式。ZRender 也是 ECharts 的渲染器。

引入zrender库
编写div容器
初始化zrender对象
初始化zrender绘图对象
调用zrender add方法绘图

D3

D3（Data-Driven Documents）是一个 Javascript 图形库，基于 Canvas、Svg 和 HTML。

Three.js

Three.js 是一个基于 WebGL 的 Javascript 3D 图形库。

Highcharts

Highcharts 是一个用纯 JavaScript 编写的一个图表库，能够很简单便捷的在 Web 网站或是 Web 应用程序添加有交互性的图表，Highcharts 支持的图表类型有直线图、曲线图、区域图、柱状图、饼状图、散状点图、仪表图、气泡图、瀑布流图等多达 20 种图表，其中很多图表可以集成在同一个图形中形成混合图。