highcharts学习历程,包括对同类型的echarts,google charts对比比较记录

11个很棒的 jQuery 图表库  http://www.cnblogs.com/ranran/p/4642064.html

 

 

一个很恰当的比喻：Highcharts和 Echarts 就像是 Office 和 WPS 的关系。

 

highcharts是基于svg技术的，而echarts基于canvas，两者技术基础完全不一样，各有特点。而后者是可以在浏览器实现3D图形的 Highcharts 在4.0 后增加3D图表

 

https://www.zhihu.com/question/21438840

 

echarts

是百度的技术,基于canvas实现

http://echarts.baidu.com/echarts2/doc/about.html

 

Highsoft挪威的公司 Highcharts一直是竞争激烈的市场中成长最快，增长最快的制图工具  2009年成立

 

Google的 Chart Gallery

googlechart没用过,刚看了下,跟highcharts差不多,基于svg.

加载不了google chart,google官方不允许加载

https://www.zhihu.com/question/27565091?sort=created

 

Fusioncharts 历史悠久，图表种类丰富，但是由于其最开始是基于 flash 的，有历史包袱,因为flash技术有可能被淘汰所以可以暂时不考虑

 

JavaScript图表对比评测：FusionCharts vs HighCharts

https://www.evget.com/article/2014/4/18/20856.html

 

Canvas是使用JavaScript程序绘图(动态生成)，SVG是使用XML文档描述来绘图。

从这点来看：SVG更适合用来做动态交互，而且SVG绘图很容易编辑，只需要增加或移除相应的元素就可以了。
同时SVG是基于矢量的，所有它能够很好的处理图形大小的改变。Canvas是基于位图的图像，它不能够改变大小，只能缩放显示；所以说Canvas更适合用来实现类似于Flash能做的事情(当然现在Canvas与Flash相比还有一些不够完善的地方)。

Canvas和SVG是HTML5中主要的2D图形技术

Canvas适用场景 

Canvas提供的功能更原始，适合像素处理，动态渲染和大数据量绘制 

SVG适用场景 

SVG功能更完善，适合静态图片展示，高保真文档查看和打印的应用场景

 

注:可缩放矢量图形（英语：Scalable Vector Graphics，SVG）是一种基于可扩展标记语言（XML），用于描述二维矢量图形的图形格式。 SVG由W3C制定，是一个开放标准。

 

 

网页上提及Highcharts的文档很多,感觉技术应该相对比较成熟

Highcharts关于地图的demo https://www.hcharts.cn/mapdata

 

 

Highcharts 配置语法 http://www.runoob.com/highcharts/highcharts-configuration-syntax.html