highchart的plotOptions配置对所有表格通用

1. plotOptions : {

3. // 数据列通用配置

4. series : {

6. // 允许数据列点击标记， 默认false

7. allowPointSelect : false

9. // 初始化动画

10. animation : true

12. color : 'red' // 数据列的颜色

14. 数据标签

15. dataLabels : {

16. align : '' // 数据列的水平对齐方式

17. enabled : false //如何设置为true，数据列自动显示列的信息，默认false

18. backgroundColor : 'red' // 数据标签背景颜色

19. borderColor : 'red' // 数据标签边框颜色

20. borderWidth : 1 //数据标签边框宽度

21. borderRadius : 5 // 数据标签边框圆角

22. color : 'red' // 数据标签字体颜色

23. format : '{y}unit' // 数据标签显示内容格式化

24. formatter : function () {

25. // 数据标签内容格式化函数

26. }

27. padding : 5 // 数据标签的内边距

28. x: 0, // 坐标显示位置

29. y: -20 // y轴显示

30. }

31. showCheckBox : false // true显示checkbox框，默认false

32. events : {

33. // 隐藏数据列触发

34. hide : function () {}

36. // 显示数据列触发

37. show : function () {}

39. // 动画加载完毕触发

40. afterAnimate : function () {}

42. // checkbox选中事件

43. checkboxClick ： function (){}

45. // 数据列点击事件

46. click : function () {}

48. // 禁止图列点击事件

49. legendItemClick : function () {return false}

51. // 鼠标划出数据列事件触发

52. mouseOut : function () {}

54. // 鼠标划入数据列事件触发

55. mouseOver : function () {}

56. },

57. keys : ['name', 'y', 'sliced', 'selected'] // 该参数指定了数据数组中每个元素对应的 key, 当另一个（data）当数组中第三个元素都为true时默认选中，突出显示['chrom', 192,true,true],

59. lineWidth : 1, // 数据列的线条宽度

61. linkedTo : ':previous' // 数据列关联，关联前一个数据列

63. // 数据点配置

64. marker : {

66. enabled : null// 默认null, 是否显示数据点标记

67. lineColor : '' // 数据点线条颜色

68. fillColor : '' // 数据点中心圆点颜色

69. height : number // 数据点高度

70. states : {

71. hover : {} // 鼠标经过数据点样式配置

72. }

73. radius : number // 指定数据点的大小

74. symbol : 'circle' // 默认圆点, 一般取默认值

75. }

77. negativeColor : '#ccc' // 指定数据列负值颜色，比如-1

79. // 数据点相关配置

80. point : {

81. events : {

83. // 点击数据点触发

84. click : function () {}

86. // 鼠标离开数据点触发事件

87. mouseOut : function () {

89. }

91. // 鼠标划入数据点触发事件

92. mouseOver : function () {

94. }

96. // 更新数据点触发

97. update : function () {

99. }

101. // 点击选中数据点时触发，必须allowPointSelect为true才有效

102. select : function () {

104. }

106. // 取消选中数据点触发

107. unselect : function () {

109. }

112. }

113. // 数据点间隔， 开始值

114. pointStart: Date.UTC(2010, 0, 1),

116. // 间隔一天

117. pointInterval: 24 * 3600 * 1000

119. // 间隔单位

120. pointIntervalUnit: 'month'

122. // 指定数据列初始的选中状态，如果设置了 showCheckbox 为 true 时，默认是：false.

123. selected: false

125. // 数据列阴影效果

126. shadow: true

128. // 是否显示CheckBox框， 默认false, 为true 时显示

129. showCheckbox : false

131. // 是否进行堆叠(堆叠顾名思义就是多跟数据列堆成一根), 默认不堆叠，是否开启堆叠,"normal"（普通堆叠） 和 "percent"（百分比堆叠

132. stacking : null

134. // 鼠标划过状态下的数据列配置

135. states : {

136. hover : {

137. //..............配置项

138. }

139. }

142. tooltip: {

143. xDateFormat: '%Y-%m-%d',

144. dateTimeLabelFormats.day

145. dateTimeLabelFormats: {

146. day: '%m-%d',

147. month: '%Y-%m'

148. },

149. shared: true

151. valueDecimals: 小数精确位数

152. valuePrefix: 值的前缀

153. valueSuffix: 值的后缀

154. },

156. // 数据列显示状态， 默认true, false为隐藏

157. visible : true

159. // 指定数据列的分区数组,可以理解为一条数据列可以配置多个颜色显示

160. zone : []

162. }

164. }

165. }