浏览器端图表渲染技术SVG, VML HTML Canvas

浏览器端图表渲染技术是现在web开发中非常重要的一部分，因为在web应用中，我们时常需要使用一些图表来清晰地展示数据和信息。在浏览器端渲染图表，主要有三种技术：SVG，VML和HTML Canvas。

SVG（Scalable Vector Graphics，可缩放矢量图形）是一种XML语言，它使用矢量图形的方式来绘制图像，可以在任何分辨率下保持图像的清晰度。在绘制SVG图像时，可以直接使用文本编辑器编写SVG代码，或者使用一些图形软件导出SVG文件。

优点：

1. 支持动态图形效果；

2. 图像的清晰度不会随着图像放大而降低；

3. 可以用CSS控制图形的样式；

4. 支持事件处理。

缺点：

1. 在大型区域的图形上，可能会降低性能；

2. 不支持IE8及以下版本。

VML（Vector Markup Language，矢量图形语言），是微软伴随IE浏览器推出的一项技术，用于在IE浏览器中渲染SVG图形。

优点：

1. 可以在IE8及以下版本中使用；

2. 支持动态图形效果；

3. 支持事件处理；

4. 图形可缩放和旋转。

缺点：

1. 不支持其他浏览器；

2. 图像的效果不如SVG流畅。

HTML Canvas是被看作是“位图”渲染技术，利用画布上的像素点来绘制图形效果，比如直线、圆形、曲线等，像矢量图形一样使用JavaScript代码来处理和生成。

优点：

1. 可以实现复杂的2D和3D图形效果；

2. 如手绘图形，普通图像处理等方面效果效果极佳。

缺点：

1. 不支持高分辨率显示；

2. 图像放大会导致不清晰，因为图像是由像素点构成的；

3. 不支持事件处理。

总体来说，每种技术都有自己的优缺点，具体的运用要根据具体的需求和项目来做权衡。