前言，基础，协议一般我们会这样使用highcharts，需要的配置都在stockOptions中（注：stockOptions这里不是必须要命名的，它只是一个对象)stockOptions是一个对象，如下图所示。下面，我们使用对象语法来介绍配置。图中箭头所指的“type”记录为stockOptions.chart.type(即stockOptions.chart.type="column";)"..."，省略了很多配置项。一般来说，配置项都有默认值。如果不指定配置，highchats绘制时会使用默认配置。后面几篇写的配置项都使用了对象语法，大家可以放心的创建对象和赋值。例如：stockOptions.xAxis.showFirstLabel=false；就是创建下图红框所示的配置项文本1，dataGrouping数据聚合和xDateFormat失败stockOptions.plotOptions.dataGrouping=true;//默认配置为true，即默认开启数据聚合。无论stockOptions.chart.type指定为“line”、“area”、“column”还是其他图片类型，只要数据点过于密集（“密集”表示在x轴方向，量每单位长度的数据量很大。默认情况下，“密集”限制是由highcharts衡量的，也就是说默认情况下，我们无法控制highcharts聚合数据的时间）首先以stockOptions.chart.type="column"为例↓stockOptions.plotOptions。数据分组=真；//开启数据聚合↓stockOptions.plotOptions.dataGrouping=false;//关闭数据聚合上面两个图的底层数据是同一个数据。开启数据聚合后，一旦触发聚合，多列会遇到一个列，列的高度也会发生变化（列高是取平均值还是采样，未知）tooltip当我们处理一个多行时graph,orstackmultiplehistograms,这两种情况下的浮窗提示tooltip,基本上都是使用stockOptions.tooltip.pointFormatter=function(){//...}自定义浮窗内容。下面的代码是tooltip设置xDateFormat的例子这里要说的重点是stockOptions.tooltip.xDateFormat这个key接收一个字符串作为日期格式的格式。stockOptions.tooltip.xDateFormat="%Y-%m-%d"对应格式化结果样本"2002-12-31"，但是我们会发现这样的问题，有时候格式化失败，出现预期的日期格式，如下所示。出现此问题的原因是xDateFormat仅适用于单点。默认情况下，启用数据聚合，(stockOptions.plotOptions.dataGrouping=true)；在这种情况下，如果highcharts聚合数据，则xDateFormat将无效。聚合时间格式将根据默认聚合属性dateTimeLabelFormats显示。为了能够准确地输出您想要的日期样式，有两个选项。1.关闭数据聚合stockOptions.plotOptions.dataGrouping=false;2.修改配置项stockOptions.plotOptions.series.dataGrouping.dateTimeLabelFormats={//...}示例代码如上图所示，将所有时间区间聚合后的显示样式设置为"%Y-%m-%d"，这样highcharts数据聚合后，无论聚合什么时间跨度，显示的日期都是"2002-12-31"的格式。同步更新到个人语雀https://www.yuque.com/diracke...
