ตั้งค่าตัวเลือก Highcharts จะอธิบายในรายละเอียด

Highcharts ตั้งค่าตัวเลือกให้มากของพารามิเตอร์ที่คุณสามารถปรับแต่งได้ง่ายเพื่อให้ตรงกับชาร์ตในส่วนนี้ต้องการของผู้ใช้ที่จะหาตัวเลือกการกำหนด Highcharts มากขึ้นสำหรับการใช้งาน:

---

การกำหนดค่าพารามิเตอร์ (คุณลักษณะที่ + เหตุการณ์)

1. chart.events.addSeries: เพิ่มจำนวนคอลัมน์แผนภูมิ

2. chart.events.click: คลิกที่เหตุการณ์ทั้งแผนภูมิพื้นที่แปลงที่เกิดขึ้น

3. chart.events.load: กรณีโหลดแผนภูมิ

4. chart.events.redraw: แผนภูมิวาดเหตุการณ์คลิกที่แสดงให้เห็นถึงตำนานและสามารถก่อให้เกิดการวาดภาพที่ซ่อนอยู่

5. chart.events.selection: เมื่อโค้งแผนภูมิซูมเลือกเลือกแผนภูมิเมื่อการดำเนินการสามารถเรียกเหตุการณ์

6. chart.height: ความสูงแผนภูมิวาด

7. chart.inverted: แผนภูมิ x, y แกนในการแลกเปลี่ยน

8. chart.polar: ไม่ว่าแผนภูมิขั้วโลก

9. chart.reflow: เมื่อมีการเปลี่ยนแปลงขนาดของหน้าต่างกว้างของการเปลี่ยนแปลงขนาดหน้าต่างแผนภูมิการปรับตัว

10. chart.renderTo: โหลดแผนภูมิเป็นวัตถุ DOM บนหน้าเว็บ

11. chart.showAxes: แผนภูมิเปล่าว่าจะแสดงแกน

12. chart.type: ชนิดแผนภูมิเส้นเริ่มต้นมีบาร์ / คอลัมน์ / พาย ththth

13. chart.width: ความกว้างของพื้นที่แปลงของแผนภูมิเริ่มต้นคือการปรับตัว

14. chart.zoomType: ชนิดขยายข้อมูลในรูปของรายงานที่คุณสามารถซูมเข้ากับแกน X หรือแกน Y ซูมคุณสามารถซูม XY แกนพร้อมกัน

15. สี: คอลัมน์ที่สุดในแผนภูมิจำนวนคอลัมน์ระหว่างแต่ละสี เป็นอาร์เรย์โดยทั่วไปจะไม่ย้าย

16. สินเชื่อ .enabled: ว่าจะช่วยให้การแสดงผลของข้อมูลลิขสิทธิ์

17. credits.href: การเชื่อมโยงที่มีลิขสิทธิ์

18. credits.text: ข้อความที่แสดงข้อมูลเกี่ยวกับลิขสิทธิ์

19. การส่งออก .buttons.exportButton.enabled: ว่าจะอนุญาตให้ปุ่มส่งออกจอแสดงผล

20. exporting.buttons.exportButton.menuItems: ตัวเลือกเมนูปุ่มส่งออก

21. exporting.buttons.exportButton.onclick: เหตุการณ์ปุ่มส่งออกที่มีการคลิกเมนูไม่ภายใน

22. exporting.buttons.printButton.enabled: ว่าจะอนุญาตให้ปุ่มพิมพ์

23. exporting.buttons.printButton.onclick: เหตุการณ์การคลิกปุ่มพิมพ์

24. exporting.enabled: พิมพ์และส่งออกปุ่มจะได้รับอนุญาต

25. exporting.filename: คือชื่อไฟล์ของไฟล์การส่งออก

26. exporting.type: ภาพการส่งออกเริ่มต้นรูปแบบไฟล์

27. exporting.url: SVG แผนภูมิการแปลงและการส่งออกที่อยู่อินเตอร์เฟซในการประมวลผล

28. exporing.width: การส่งออกเริ่มต้นความกว้างของภาพ

29. ป้ายฉลากสามารถโหลดเข้าสู่ตำแหน่งของแผนภูมิใด ๆ มีรายการสไตล์

30. lang: ภาษาของการกำหนดค่าพารามิเตอร์และการกำหนดค่าที่เกี่ยวข้องกับเมนูปุ่มส่งออกชื่อและเวลาการกำหนดค่าอื่น

31. legend.enabled: ว่าจะอนุญาตให้ตำนาน

32. navigation.buttonOptions.enabled: ปุ่มนำทางแผนภูมิว่าทั้งหมดที่สามารถคลิก

33. plotOptions .area.allowPointSelect: ว่าจะยอมให้จุดคลิกข้อมูล

34. plotOptions.area.color: สีวาด

35. plotOptions.area.dataLabels.enabled: ว่าจะอนุญาตให้ฉลากข้อมูล

36. plotOptions.area.enableMouseTracking: ว่าจะยอมให้ข้อมูลในแผนภูมิเมาส์ติดตามจุดข้อมูลจะปรากฏฟอง

37. plotOptions.area.events.checkboxClick: ข้อมูลในแผนภูมิตำนานเหตุการณ์คลิกช่องทำเครื่องหมาย

38. plotOptions.area.events.click: แผนภูมิข้อมูลจุดข้อมูลคลิกเหตุการณ์

39. plotOptions.area.events.hide: แผนภูมิข้อมูลลำดับข้อมูลของเหตุการณ์เมื่อซ่อน

40. plotOptions.area.events.show: แผนภูมิข้อมูลลำดับข้อมูลของเหตุการณ์เมื่อแสดง

41. plotOptions.area.events.legendItemClick: แผนภูมิข้อมูลตำนานของรายการกรณีที่มีการคลิกที่มอบหมายโดยตรงเท็จก็ไม่สามารถคลิกได้

42. จุดเมาส์ข้อมูลจากเหตุการณ์: plotOptions.area.events.mouseOut

43. จุดเมาส์ข้อมูลหลังจากเหตุการณ์: plotOptions.area.events.mouseOver

44. plotOptions.area.marker.enabled: ว่าจะแสดงแท็กจุดภาพวาดแผนภูมิ

45. plotOptions.area.marker.states.hover.enabled: ว่าจะยอมให้รัฐแท็กโรลโอเวอร์

46. plotOptions.area.marker.states.select.enabled: ว่าจะอนุญาตให้สถานะตัวเลือกแท็ก

47. plotOptions.area.point.events.click: ชาร์ททุกเหตุการณ์จุดคลิกเพียงครั้งเดียว

48. plotOptions.area.point.events.mouseOut

49. plotOptions.area.point.eventsthmouseOver

50. plotOptions.area.point.events.remove: เหตุการณ์ลบจุดแผนภูมิถูกนำมาใช้

51. plotOptions.area.point.events.select: เลือกเหตุการณ์แผนภูมิจุดกึ่งกลาง

52. plotOptions.area.point.events.unselect: เหตุการณ์ที่จุดกึ่งกลางแผนภูมิเมื่อยกเลิก

53. plotOptions.area.point.events.update: เหตุการณ์เกิดขึ้นเมื่อการปรับปรุงข้อมูลในแผนภูมิ

54. plotOptions.area.visible: เมื่อโหลดชุดข้อมูลเริ่มต้นจะแสดงหรือซ่อน

55. plotOptions.area.zIndex: ในกรณีที่วนเวียนอยู่หลายปรับเปลี่ยนลำดับซ้อนของแต่ละลำดับ

56. ดังกล่าวข้างต้น point.events เดียวกันยังนำไปใช้กับพื้นที่อื่น ๆ ของแผนภาพระดับ (arearange, areaspline, areasplinerange) histogram อื่น ๆ (แถบคอลัมน์) และแผนภูมิทั้งหมด

57. plotOptions.area.showInLegend: ว่าจะแสดงในตำนาน

58. plotOptions.area.stacking: คือค่าของสแต็ค, สแต็คหรือคิดเป็นร้อยละ

59. plotOptions.area.states.hover.enabled: ว่าจะยอมให้รัฐที่จะนำเมาส์

60. plotOptions.area.stickyTracking: เมาส์เหนียวจุดการติดตามข้อมูล

61. plotOptions.arearange, plotOptions.areaspline, plotOptions.areasplinerange คล้ายกับ plotOptions.area

62. plotOptions.bar.groupPadding: สำหรับบาร์ชาร์ตแพ็คเก็ตช่วงระหว่างแต่ละแพ็คเก็ต

63. plotOptions.bar.grouping: ว่าจะกลุ่มข้อมูล

64. plotOptions.bar.minPointLength :: กำหนดค่าจุดเป็นศูนย์จุดความยาวต่ำสุดสำหรับ

65. plotOptions.bar.showInLegend: ว่าจะแสดงในตำนาน

66. plotOptions.bar.stacking: คือค่าของสแต็ค, สแต็คหรือเป็นเปอร์เซ็นต์ (ปกติ / ร้อยละ)

67. plotOptions.column, plotOptions.columnrange คล้ายกับ plotOptions.bar

68. การกำหนดค่า plotOptions.line ที่เกี่ยวข้องกับการกำหนดค่า plotOptions.area ที่คล้ายกัน

69. plotOptions.pie.ignoreHiddenPoint: ในแผนภูมิวงกลมลำดับโดยเฉพาะตำนานคลิกเพื่อซ่อนที่แผนภูมิวงกลมทั้งหมดเป็น 100% อีกครั้งที่ได้รับมอบหมายหรือที่ซ่อนอยู่เฉพาะบนพื้นฐานของเดิมแสดงให้เห็นช่องว่าง

70. plotOptions.pie.innerSize: เมื่อวาดแผนภูมิวงกลมแผนภูมิวงกลมศูนย์เพื่อรองรับมากว่างเปล่า

71. plotOptions.pie.slicedOffset: allowPointSelect ใช้ร่วมกับเมื่อจุดที่มีการคลิกเปลือกภาคที่เกี่ยวข้อง, การกำหนดค่าพารามิเตอร์นี้ที่มีการเว้นระยะห่างในระยะไกล

72. การกำหนดค่าพารามิเตอร์ทั่วไปอื่น ๆ plotOptions.pie คล้ายคลึงกับ plotOptions.area, plotOptions.scatter, plotOptions.series, plotOptions.spline กำหนดค่าที่เกี่ยวข้องกำหนดค่า plotOptions.area ที่คล้ายกัน

73. Series: อาร์เรย์

74. series.data.color: หนึ่งในข้อมูลที่มีสี

75. series.data.dataLabels: ข้อมูลลำดับหนึ่งฉลากข้อมูล

76. series.data.events คล้ายกับการกำหนดค่าของ plotOptions.area.point.events

77. series.data.marker คล้ายกับการกำหนดค่าของ plotOptions.area.marker

78. series.data.name: ชื่อของจุดข้อมูลการกำหนดค่า

79. series.data.sliced: กำหนดค่าแผนภูมิวงกลมระยะทางแยกขนาดเซ

80. ค่า X ของจุด: series.data.x

81. series.data.y: ค่า Y ของจุด

82. series.name: ชื่อของลำดับข้อมูล

83. series.stack: ซ้อนดัชนีกลุ่ม

84. series.type: ข้อมูลลำดับประเภทการแสดงผล

85. series.xAxis, series.yAxis: เมื่อใช้หลายแกนระบุแกนซึ่งสอดคล้องกับจำนวนของคอลัมน์

86. คำบรรยาย: การกำหนดค่าคำบรรยายของแผนภูมิ

87. ชื่อ: ชื่อของการกำหนดค่าแผนภูมิ

88. คำแนะนำเครื่องมือ: กำหนดค่าฟองข้อมูลที่พรอมต์ในแผนภูมิ

89. tooltip.valueDecimals: อนุญาตให้ตำแหน่งทศนิยม

90. tooltip.percentageDecimals: อนุญาตให้เปอร์เซ็นต์ของตำแหน่งทศนิยม

91. การตั้งค่าแกน xAxis, yAxis

92. allowDecimals: ว่าจะอนุญาตให้ทศนิยมแกน

93. ประเภท: อาร์เรย์ของแกนการจัดหมวดหมู่

94. สายป่าน: วาดสายหลัก

95. tickColor: ระดับสี

96. tickInterval: ค่าขั้นตอนขนาด

97. labels.rotation: ขนาดป้ายองศาของการหมุน

กราฟ: ตัวเลือกพื้นที่แผนภูมิ

แผนภูมิพื้นที่แผนภูมิตัวเลือกพื้นที่แผนภูมิจะใช้ในการตั้งค่าคุณสมบัติ

พารามิเตอร์	ลักษณะ	ผิดนัด
BackgroundColor	สีพื้นหลังของการตั้งค่าพื้นที่แผนภูมิ	#FFFFFF
borderWidth	กำหนดความกว้างของแผนภูมิชายแดน	0
borderRadius	การตั้งค่าเส้นขอบโค้งมนมุม	5
renderTo	แผนภูมิภาชนะที่วางไว้โดยทั่วไปใน HTML DIV วางรับ DIV ID ค่าแอตทริบิวต์	โมฆะ
defaultSeriesType	ประเภทแผนภูมิเริ่มต้นเส้นโค้งพื้นที่ areaspline คอลัมน์, บาร์, พายกระจาย	0
ความกว้าง	ความกว้างของแผนภูมิตามภาชนะแผนภูมิความกว้างเริ่มต้นการปรับตัว	โมฆะ
ความสูง	แผนภูมิความสูงภาชนะแผนภูมิเริ่มต้นตามที่ปรับตัวสูง	โมฆะ
ขอบ	และองค์ประกอบอื่น ๆ ในอาร์เรย์แผนภูมิสนามเช่น [0,0,0,0]	[Null]
plotBackgroundColor	สีพื้นหลังสีพื้นหลังพื้นที่แผนภูมิหลัก X และแกน Y ของพื้นที่ปิดล้อม	โมฆะ
plotBorderColor	สีของพื้นที่ชายแดนชายแดนกราฟหลัก X และแกน Y ของพื้นที่ปิดล้อม	โมฆะ
plotBorderWidth	ความกว้างของพื้นที่ชายแดนแผนภูมิหลัก	0
เงา	เงามีการตั้งค่าที่คุณต้องตั้ง BackgroundColor สีพื้นหลัง	เท็จ
reflow	ไม่ว่าจะใช้พื้นที่แผนภูมิจากความสูงและความกว้างหากไม่ได้กำหนดความกว้างและความสูงขนาดจะมีการปรับตัว	จริง
zoomType	ลากเมาส์เพื่อซูมซูมพร้อม X หรือแกน Y, สามารถตั้งค่าให้: 'X', 'Y', 'XY'	''
เหตุการณ์ที่เกิดขึ้น	เรียกกลับเหตุการณ์วิธีการสนับสนุน addSeries คลิกวิธีการวิธีการโหลดวิธีการเลือกฟังก์ชั่นการเรียกกลับ

---

สี: ตัวเลือกสี

ตัวเลือกสีสำหรับการตั้งค่าสีโทนสีแผนภูมิ

พารามิเตอร์	ลักษณะ	ผิดนัด
สี	สำหรับการแสดงผลสีอาร์เรย์ของชาร์ตสาย / บาร์ / แผนภูมิวงกลมอื่น ๆ	แถว

Highcharts แล้วให้โทนสีเริ่มต้นหลายเมื่อคุณต้องการในการแสดงกราฟิกสีมากกว่าชนิดกราฟิกมากขึ้นจะเริ่มต้นโดยอัตโนมัติจากการเลือกโทนสีแรก ที่กำหนดเองวิธีการรูปแบบสี:

Highcharts.setOptions({
    colors: ['#058DC7', '#50B432', '#ED561B', '#DDDF00', '#24CBE5', '#64E572', '#FF9655',
'#FFF263', '#6AF9C4']
});

---

ชื่อเรื่อง: ตัวเลือกหัวข้อ

ตัวเลือกชื่อคำอธิบายภาพที่ใช้ในการตั้งค่าคุณสมบัติที่เกี่ยวข้องของชื่อแผนภูมิ

พารามิเตอร์	ลักษณะ	ผิดนัด
ข้อความ	ข้อความชื่อ	ชื่อเรื่องแผนที่
เป็นเส้นตรง	การจัดตำแหน่งแนวนอน	ศูนย์
verticalAlign	แนวตั้ง	ด้านบน
ขอบ	ระหว่างชื่อหลักและคำบรรยายหรือช่วงสนามแผนภูมิ	15
ที่ลอย	ไม่ว่าจะลอยถ้าเป็นจริงชื่ออาจได้รับการชดเชยจากพื้นที่แผนภูมิหลักที่มี X, Y แอตทริบิวต์	เท็จ
สไตล์	การตั้งค่ารูปแบบ CSS	{สี: '# 3E576F' ขนาดตัวอักษร: 16px '}

---

ตัวเลือกคำบรรยาย: คำบรรยาย

ส่วนบริการให้คำบรรยายอย่างมีนัยสำคัญชื่อเดียวกันกับชื่อชื่อสามารถดูตัวเลือกข้างต้นก็เป็นมูลค่าการกล่าวขวัญว่าคำบรรยายค่าเริ่มต้นตัวเลือกข้อความที่จะ '' ที่เป็นที่ว่างเปล่าดังนั้นคำบรรยายไม่ได้แสดงโดยค่าเริ่มต้น

---

xAxis: ตัวเลือกแกน X

ตัวเลือกแกน X จะใช้ในการตั้งค่าคุณสมบัติแผนภูมิแกน X ที่เกี่ยวข้อง

พารามิเตอร์	ลักษณะ	ผิดนัด
ประเภท	ตั้งชื่อหมวดหมู่แกน X อาร์เรย์ตัวอย่างเช่น: หมวดหมู่: [ 'แอปเปิ้ล' 'กล้วย' 'ส้ม']	[]
ชื่อเรื่อง	ชื่อแกน X ข้อความสนับสนุนการเปิดใช้งานการจัด, การหมุนรูปแบบและคุณลักษณะอื่น ๆ
ป้ายชื่อ	ตั้งแกน X ของแต่ละสไตล์ชื่อหมวดหมู่, รูปแบบการจัดรูปแบบมุมของการหมุนและไม่ชอบ	แถว
แม็กซ์	ค่าสูงสุดแกน X (ประเภทเป็นที่ว่างเปล่า) ถ้ามันเป็นโมฆะแล้วค่าสูงสุดโดยอัตโนมัติจะตรงกับข้อมูลแกน X เพื่อสูงสุด	โมฆะ
นาที	แกน X ขั้นต่ำ (หมวดหมู่เป็นที่ว่างเปล่า) ถ้ามันเป็นโมฆะแล้วค่าต่ำสุดโดยอัตโนมัติจะตรงกับข้อมูลแกน X ให้น้อยที่สุด	แถว
gridLineColor	กริด (แนวตั้ง) สี	# C0C0C0
gridLineWidth	กริด (แถบแนวตั้ง) ความกว้าง	1
lineColor	สีพื้นฐาน	# C0D0E0
linewidth	ความกว้างของเส้นฐาน	0

---

ตัวเลือกแกน Y: yAxis

ตัวเลือกแกน Y มีความสอดคล้องกับตัวเลือก xAxis ดังกล่าวข้างต้นโปรดดูที่ตารางในการตั้งค่าพารามิเตอร์มีการระบุไว้ไม่แยกจากกัน

---

ซีรีส์: ข้อมูลตัวเลือกคอลัมน์

ตัวเลือกคอลัมน์ข้อมูลจะถูกใช้ในการตั้งแผนภูมิเพื่อแสดงคุณสมบัติข้อมูลที่เกี่ยวข้อง

พารามิเตอร์	ลักษณะ	ผิดนัด
ข้อมูล	ปรากฏในคอลัมน์ข้อมูลแผนภูมิซึ่งสามารถใช้เป็นข้อมูลอาร์เรย์หรือ JSON จัดรูปแบบ เช่นข้อมูล: [0, 5, 3, 5] หรือ ข้อมูล: [{ชื่อ: จุด 1 ', y: 0}, {ชื่อ: จุด 2', y: 5}]	''
ชื่อ	แสดงชื่อของคอลัมน์ข้อมูล	''
ชนิด	ชนิดข้อมูลคอลัมน์พื้นที่สนับสนุน areaspline, บาร์คอลัมน์เส้นวงกลมกระจายหรือเส้นโค้ง	เส้น

---

plotOptions: ตัวเลือกจุดข้อมูล

plotOptions ใช้ในการตั้งจุดข้อมูลแผนภูมิที่เกี่ยวข้องกับคุณสมบัติ plotOptions ตามที่ชนิดแผนภูมิต่างๆคุณสมบัติของพวกเขาตั้งแตกต่างกันเล็กน้อยในขณะนี้ตัวเลือกที่ใช้กันทั่วไปที่ระบุไว้

พารามิเตอร์	ลักษณะ	ผิดนัด
เปิดใช้งาน	ข้อมูลจะปรากฏโดยตรงบนจุดข้อมูล	เท็จ
allowPointSelect	ว่าจะอนุญาตให้ใช้เมาส์เพื่อเลือกจุดข้อมูล	เท็จ
จัดรูปแบบ	ฟังก์ชั่นการโทรกลับ, รูปแบบการแสดงข้อมูล	จัดรูปแบบ: ฟังก์ชั่น () {กลับ this.y;}

---

เคล็ดลับ: จุดข้อมูลบอลลูน

ข้อมูลเคล็ดลับสำหรับการตั้งค่ากล่องพรอมต์เมื่อเมาส์จุดข้อมูลภาพนิ่งจะปรากฏ

พารามิเตอร์	ลักษณะ	ผิดนัด
เปิดใช้งาน	ว่าจะแสดงกล่องพร้อมท์	จริง
BackgroundColor	ตั้งบอลลูนสีพื้นหลัง	RGBA (255, 255, 255, .85)
borderColor	สีเส้นขอบบอลลูนคอลัมน์ข้อมูลเริ่มต้นโดยอัตโนมัติตรงกับสี	รถยนต์
borderRadius	บอลลูนมุมรอบ	5
เงา	ว่าจะแสดงเงากล่องพร้อมท์	จริง
สไตล์	การตั้งค่ารูปแบบเนื้อหาบอลลูนเช่นสีตัวอักษร ฯลฯ	สี: '# 333'
จัดรูปแบบ	ฟังก์ชั่นการโทรกลับเพื่อจัดรูปแบบการแสดงผลการส่งออกของบอลลูน เนื้อหาการสนับสนุนกลับเช่นแท็ก HTML: <b> <strong> <i> <em> <br/> <span>	2

---

ตำนาน: ตำนานตัวเลือก

ตำนานตำนานจะใช้ในการตั้งค่าคุณสมบัติ

พารามิเตอร์	ลักษณะ	ผิดนัด
แบบ	รูปแบบการแสดงแนวตั้งระดับแนวตั้งและแนวนอนของการสนับสนุน	ตามแนวนอน
เป็นเส้นตรง	การวางแนว	ศูนย์
BackgroundColor	สีพื้นหลังตำนาน	โมฆะ
borderColor	สีตำนานชายแดน	# 909090
borderRadius	มุมชายแดนตำนาน	5
เปิดใช้งาน	ว่าจะแสดงตำนาน	จริง
ที่ลอย	ฉันสามารถลอยกับ X, Y คุณสมบัติ	เท็จ
เงา	ว่าจะแสดงเงา	เท็จ
สไตล์	เนื้อหาของสไตล์ตำนาน	''

สำหรับข้อมูลเพิ่มเติมโปรดดูที่เว็บไซต์อย่างเป็นทางการของ highcharts เอกสารภาษาอังกฤษ: http://api.highcharts.com/highcharts