使用HIGHCHARTS绘制服务端返回数据曲线图

1. HIGHCHARTS 是什么？
   Highcharts是一个使用纯JavaScript编写的绘图工具，它提供了简单的方式为你的网页或者Web应用添加交互式图表。
   Highcharts目前支持的交互式图表类型如下：

   • line -> 直线图
   • spline -> 曲线图
   • area -> 面积图
   • areaspline -> 曲线面积图
   • arearange -> 面积范围图
   • areasplinerange -> 曲线面积范围图
   • column -> 柱状图
   • columnrange -> 柱状范围图
   • bar -> 条形图
   • pie -> 饼图
   • scatter -> 散点图
   • boxplot -> 箱线图
   • bubble -> 气泡图
   • errorbar -> 误差线图
   • funnel -> 漏斗图
   • gauge -> 仪表图
   • waterfall -> 瀑布图
   • polar -> 雷达图
   • pyramid -> 金字塔
     各个类型的表现形式请参考官方demo

2. 下载
   官方下载

3. 配置
   配置

Highcharts可以读取cvs、xml、json等格式的文件数据。还可以访问数据库的数据进行绘图。若有需要可以参考官方文档.这里不做详解。

文章题目的应用场景如下：前端向服务器发起请求，服务器给前端返回Json格式数据，Highcharts将这些数据绘制成曲线图。最后得到的曲线示例图如下：