部门大哥前天叫我做项目-----报表；表示压力大大，三个月没有打过代码的人，你让我写项目，这不是搞笑吗？

表示连json传值，解析都不会的人，表示连jQuery才刚刚学的人，要怎么写报表！哎 ，不过既然交代下来，就努力的向前冲

highcharts 报表 基本知识

名词解释

英文名 中文名 描述 更多 lang语言文字对象所有Highstock 文字相关的设置查看教程 chart图表图表区、图形区和通用图表配置选项查看教程 colors颜色图表数据列颜色配置，是一个颜色数组查看教程 credits版权信息Highstock 在图表的右下方放置的版权信息及链查看教程 exporting导出模块导出功能配置，导出即将图表下载为图片或打印图表查看教程 labels标签可以放置到图表区域内任何位置的HTML标签查看教程 legend图例用不同形状、颜色、文字等 标示不同数据列，通过点击标示可以显示或隐藏该数据列查看教程 loading加载中加载选项控制覆盖绘图区的加载屏的外观和文字查看教程 navigation导航导出模块按钮和菜单配置选项组查看教程 plotOptions数据点配置针对不同类型图表的配置。Highstock 所有图表类型请看下方 “图表类型”查看教程 rangeSelector范围选择器选择查看指定时间的数据，可以是年、月为单位或全部数据，也可以是输入具体的时间范围查看查看教程 scrollbar滚动条图表底部的滚动条，大数据量时可以方便查看局部数据查看教程 series数据列图表上一个或多个数据系列，比如图表中的一条曲线，一个柱形查看教程 title标题包括即标题和副标题，其中副标题为非必须的查看教程 tooltip数据点提示框当鼠标滑过某点时，以框的形式提示改点的数据，比如该点的值，数据单位等查看教程 Axis坐标轴包括x轴和y轴。多个不同的数据列可共用同一个X轴或Y轴，当然，还可以有两个X轴或Y轴，分别显示在图表的上下或左右。查看教程

图表类型

英文名 中文名 更多 line直线图查看教程 spline曲线图查看教程 area面积图查看教程 areaspline曲线面积图查看教程 arearange面积范围图查看教程 areasplinerange曲线面积范围图查看教程 column柱状图查看教程 columnrange柱状范围图查看教程 flags柱状范围图查看教程 ohlcK线图查看教程 candlestick阴阳烛图查看教程 scatter散点图查看教程 晚上看看highcharts的中文ＡＰＩ文档也还是可以的，最起码看的懂，谁叫自己英文不好呢！

现在只是知道怎么按照上面的一点点知识，改图形，和换数据而已，连最基本的数据怎么传进去都不知道怎么弄，

不过，没关系啦，神一样的少年，不怕困难的。

看一下最基本的 chart.events 事件监听器。这个在报表中很有用处的。知悉一下怎么用，不然要是老大问起来，不会用很尴尬的。 同样是highcharts中文API上的，哈哈！！

ＡＰＩ都快被我复制黏贴完了。

chart.events中/英|有更

图表的事件监听器。 addSeries : Function 中/英 |  有更好的翻译？ Since 1.2.0

addSeries，此函数作用是动态增加图的数据项

在线试一试:  Alert on add series click : Function 中/英 |  有更好的翻译？ Since 1.2.0

图表单击事件，在单击图表是触发该函数。变量 this 表示图表对象，event 当做参数传递给事件函数， event 包含了基于jQuery 或 MooTools （取决于你用哪个 s库）事件的常见信息。

click: function(e) { console.log( Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', e.xAxis[0].value), e.yAxis[0].value ) }

在线试一试:  Alert coordinates on click drilldown : Function 中/英 |  有更好的翻译？ Since 3.0.8

drilldown是一个chart里的函数，此函数作用是点击钻点后下钻出新的chart图，为了形象的理解请查看demo

在线试一试:  异步下钻 drillup : Function 中/英 |  有更好的翻译？ Since 3.0.8

drillup是一个chart里的函数，此函数作用与drilldown相反

load : Function 中/英 |  有更好的翻译？

load是一个chart里的函数，此函数作用是当chart加载完后加载的函数

在线试一试:  弹出图片加载信息 redraw : Function 中/英 |  有更好的翻译？ Since 1.2.0

redraw是一个chart里的函数，此函数作用是重画

在线试一试:  弹出图形重绘信息 selection : Function 中/英 |  有更好的翻译？

选择区域后触发

在线试一试:  拖动方法事件 afterPrint : Function

Fires after a chart is printed through the context menu item or the Chart.print method. Requires the exporting module.

  Rescale the chart to print beforePrint : Function

Fires before a chart is printed through the context menu item or the Chart.print method. Requires the exporting module.