Manual Rujukan ...login
Manual Rujukan Bahasa Cina Highcharts
pengarang:php.cn  masa kemas kini:2022-04-14 17:02:58

Penerangan terperinci pilihan konfigurasi Highcharts


Highcharts menyediakan sejumlah besar parameter pilihan konfigurasi Anda boleh menyesuaikan carta dengan mudah yang memenuhi keperluan pengguna Bab ini memperkenalkan penggunaan pilihan konfigurasi Highcharts secara terperinci:


. Konfigurasi parameter (Properties + Events)

  1. chart.events.addSeries: Tambahkan siri pada carta.

  2. carta.events.click: Klik acara yang berlaku pada kawasan lukisan seluruh carta.

  3. carta.events.load: Acara memuatkan carta.

  4. carta.events.redraw: Carta acara lukis semula, yang boleh dicetuskan apabila legenda diklik untuk menunjukkan dan menyembunyikan lukisan.

  5. carta.events.selection: Apabila keluk carta boleh dibesarkan secara terpilih, peristiwa ini boleh dicetuskan apabila operasi carta dipilih.

  6. carta.height: Nilai ketinggian carta yang dilukis.

  7. carta.terbalikkan: Paksi x dan y dalam carta disongsangkan.

  8. carta.polar: Sama ada carta kutub.

  9. carta.reflow: Apabila saiz tetingkap berubah, lebar carta menyesuaikan diri dengan perubahan saiz tetingkap.

  10. carta.renderTo: Kedudukan tempat carta dimuatkan ialah objek DOM pada halaman.

  11. carta.showAxes: Dalam carta kosong, sama ada mahu memaparkan paksi koordinat.

  12. carta.jenis: jenis carta, lalai ialah garisan dan bar/lajur/pai...

  13. carta.lebar: carta lebar kawasan lukisan, lalai adalah adaptif.

  14. carta.zoomType: Jenis zum laporan data dalam carta Anda boleh mengezum masuk pada paksi-X, paksi-Y atau kedua-duanya.

  15. warna: Apabila terdapat berbilang lajur dalam carta, warna antara lajur. Ia adalah tatasusunan dan secara amnya tidak bergerak.

  16. credits.enabled: Sama ada untuk membenarkan paparan maklumat hak cipta.

  17. credits.href: Pautan hak cipta.

  18. credits.text: teks paparan maklumat hak cipta.

  19. exporting.buttons.exportButton.enabled: Sama ada untuk membenarkan butang eksport dipaparkan.

  20. exporting.buttons.exportButton.menuItems: Pilihan menu untuk butang eksport.

  21. exporting.buttons.exportButton.onclick: Eksport butang klik acara, bukan menu dalaman.

  22. exporting.buttons.printButton.enabled: Sama ada untuk membenarkan butang pencetakan.

  23. exporting.buttons.printButton.onclick: Acara klik butang cetak.

  24. mengeksport.didayakan: Sama ada butang cetak dan eksport dibenarkan.

  25. exporting.filename: Nama fail bagi fail yang dieksport.

  26. exporting.type: Format fail lalai untuk mengeksport imej.

  27. exporting.url: Alamat pemprosesan antara muka untuk menukar dan mengeksport carta SVG.

  28. exporing.width: Lebar lalai bagi imej yang dieksport.

  29. label: Label, yang boleh dimuatkan ke mana-mana kedudukan dalam carta dan mengandungi item serta gaya.

  30. lang: Konfigurasi parameter bahasa, konfigurasi yang berkaitan dengan menu butang eksport, konfigurasi nama masa, dsb.

  31. legend.enabled: Sama ada untuk membenarkan legenda.

  32. navigation.buttonOptions.enabled: Sama ada butang dalam semua navigasi dalam carta boleh diklik.

  33. plotOptions.area.allowPointSelect: Sama ada untuk membenarkan klik pada titik data.

  34. plotOptions.area.color: Warna plot.

  35. plotOptions.area.dataLabels.enabled: Sama ada untuk membenarkan label data.

  36. plotOptions.area.enableMouseTracking: Sama ada untuk membenarkan paparan buih penjejakan tetikus untuk titik data dalam carta data.

  37. plotOptions.area.events.checkboxKlik: Peristiwa klik pada kotak semak dalam legenda dalam carta data.

  38. plotOptions.area.events.click: Peristiwa klik titik data dalam carta data.

  39. plotOptions.area.events.hide: Peristiwa apabila siri data tertentu disembunyikan dalam carta data.

  40. plotOptions.area.events.show: Peristiwa apabila siri data tertentu dipaparkan dalam carta data.

  41. plotOptions.area.events.legendItemClick: Dalam carta data, peristiwa berlaku apabila item dalam legenda diklik Jika ia ditetapkan secara langsung palsu, ia tidak akan dapat diklik.

  42. plotOptions.area.events.mouseOut: Acara keluar tetikus untuk titik data.

  43. plotOptions.area.events.mouseOver: tetikus ke atas acara untuk titik data.

  44. plotOptions.area.marker.enabled: Sama ada mahu memaparkan penanda mata dalam plot dalam carta.

  45. plotOptions.area.marker.states.hover.enabled: Sama ada hendak membenarkan tetikus melepasi keadaan penanda.

  46. plotOptions.area.marker.states.select.enabled: Sama ada untuk membenarkan keadaan pemilihan penanda.

  47. plotOptions.area.point.events.click: Setiap peristiwa klik titik individu dalam carta.

  48. plotOptions.area.point.events.mouseOut

  49. plotOptions.area.point.events..mouseOver

  50. plotOptions.area.point.events.remove: Peristiwa apabila titik dalam carta dipadamkan.

  51. plotOptions.area.point.events.select: Acara pemilihan titik carta.

  52. plotOptions.area.point.events.unselect: Peristiwa apabila titik dalam carta dinyahpilih.

  53. plotOptions.area.point.events.update: Peristiwa apabila data dalam carta dikemas kini.

  54. plotOptions.area.visible: Semasa memuatkan, sama ada siri data dipaparkan atau disembunyikan secara lalai.

  55. plotOptions.area.zIndex: Dalam kes berbilang jujukan, laraskan susunan susunan bagi setiap jujukan.

  56. Peristiwa titik di atas juga boleh digunakan pada carta kawasan lain (julat luas, garis kawasan, julat luas), histogram lain (bar, lajur) dan semua carta.

  57. plotOptions.area.showInLegend: Sama ada mahu dipaparkan dalam legenda.

  58. plotOptions.area.stacking: Sama ada hendak disusun mengikut nilai atau peratusan.

  59. plotOptions.area.states.hover.enabled: Sama ada keadaan tempat tetikus diletakkan dibenarkan.

  60. plotOptions.area.stickyTracking: Titik data pengesanan melekit tetikus.

  61. plotOptions.arearange, plotOptions.areaspline, plotOptions.areasplinerange adalah serupa dengan plotOptions.area

  62. plotOptions.bar.groupPadding: untuk histogram Kumpulan , selang antara setiap kumpulan.

  63. plotOptions.bar.grouping: Sama ada hendak mengumpulkan data.

  64. plotOptions.bar.minPointLength:: Mentakrifkan panjang minimum titik apabila nilai titik ialah sifar

  65. plotOptions.bar.showInLegend: Sama ada ia Ditunjukkan dalam legenda.

  66. plotOptions.bar.stacking: Sama ada hendak disusun mengikut nilai atau peratusan (normal/peratus).

  67. plotOptions.column, plotOptions.columnrange adalah serupa dengan plotOptions.bar

  68. Konfigurasi plotOptions.line yang berkaitan adalah serupa dengan plotOptions.area konfigurasi.

  69. plotOptions.pie.ignoreHiddenPoint: Dalam carta pai, selepas siri tertentu disembunyikan dengan mengklik pada legenda, sekiranya keseluruhan carta pai diagihkan semula kepada 100%, atau hanya berdasarkan carta asal? Tersembunyi di atas, menunjukkan jurang.

  70. plotOptions.pie.innerSize: Semasa melukis carta pai, berapa banyak ruang yang perlu ditinggalkan di tengah carta pai.

  71. plotOptions.pie.slicedOffset: Digunakan bersama allowPointSelect, apabila satu titik diklik, sektor yang sepadan dikupas Parameter ini adalah jarak dari konfigurasi.

  72. Parameter konfigurasi biasa lain plotOptions.pie adalah serupa dengan plotOptions.area, plotOptions.scatter, plotOptions.series dan konfigurasi plotOptions.spline yang berkaitan adalah serupa dengan konfigurasi plotOptions.area .

  73. siri: ialah tatasusunan.

  74. siri.data.warna: Warna data tertentu.

  75. series.data.dataLabels: Label data untuk data tertentu dalam siri.

  76. siri.data.events adalah serupa dengan konfigurasi plotOptions.area.point.events yang berkaitan.

  77. seri.data.marker adalah serupa dengan konfigurasi plotOptions.area.marker yang berkaitan.

  78. series.data.name: konfigurasikan nama titik data.

  79. siri.data.dihiris: Konfigurasikan jarak pemisahan sektor dalam carta pai.

  80. siri.data.x: nilai x titik.

  81. siri.data.y: nilai y titik.

  82. siri.nama: Nama siri data.

  83. siri.tindanan: indeks kumpulan bertindan.

  84. siri.jenis: Paparan jenis siri data.

  85. siri.xAxis, series.yAxis: Apabila menggunakan berbilang paksi koordinat, nyatakan paksi koordinat yang sepadan dengan jujukan tertentu.

  86. sari kata: Konfigurasikan sari kata carta.

  87. tajuk: Konfigurasikan tajuk carta.

  88. petua alat: Konfigurasikan petua gelembung untuk data dalam carta.

  89. tooltip.valueDecimals: Bilangan titik perpuluhan yang dibenarkan.

  90. tooltip.percentageDecimals: Bilangan tempat perpuluhan dibenarkan untuk peratusan.

  91. xAxis, tetapan konfigurasi yAxis koordinat paksi

  92. allowDecimals: sama ada perpuluhan dibenarkan pada paksi koordinat.

  93. kategori: Ia ialah tatasusunan, pengelasan paksi koordinat.

  94. Garis plot: Lukis garisan utama.

  95. warna semak: warna semak.

  96. selang tanda: Nilai langkah skala.

  97. labels.rotation: darjah putaran label skala

Carta: pilihan kawasan carta

Pilihan kawasan carta carta digunakan untuk tetapkan sifat berkaitan kawasan Carta.

参数描述默认值
backgroundColor设置图表区背景色#FFFFFF
borderWidth设置图表边框宽度0
borderRadius设置图表边框圆角角度5
renderTo图表放置的容器,一般在html中放置一个DIV,获取DIV的id属性值null
defaultSeriesType默认图表类型line, spline, area, areaspline, column, bar, pie , scatter0
width图表宽度,默认根据图表容器自适应宽度null
height图表高度,默认根据图表容器自适应高度null
margin设置图表与其他元素之间的间距,数组,如[0,0,0,0][null]
plotBackgroundColor主图表区背景色,即X轴与Y轴围成的区域的背景色null
plotBorderColor主图表区边框的颜色,即X轴与Y轴围成的区域的边框颜色null
plotBorderWidth主图表区边框的宽度0
shadow是否设置阴影,需要设置背景色backgroundColor。false
reflow是否自使用图表区域高度和宽度,如果没有设置width和height时,会自适应大小。true
zoomType拖动鼠标进行缩放,沿x轴或y轴进行缩放,可以设置为:'x','y','xy'''
events事件回调,支持addSeries方法,click方法,load方法,selection方法等的回调函数。 

Warna: Pilihan warna

Pilihan warna digunakan untuk menetapkan skema warna carta.

参数描述默认值
color用于展示图表,折线/柱状/饼状等图的颜色,数组形式。array

Carta tinggi telah menyediakan berbilang skema warna secara lalai Apabila terdapat lebih banyak grafik untuk dipaparkan daripada jenis warna, grafik tambahan akan dipilih secara automatik daripada skema warna pertama. Kaedah untuk menyesuaikan skema warna:

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

Tajuk: Pilihan tajuk

Pilihan tajuk tajuk digunakan untuk menetapkan sifat berkaitan tajuk carta.

参数描述默认值
text标题文本内容。Chart title
align水平对齐方式。center
verticalAlign垂直对齐方式。top
margin标题与副标题之间或者主图表区间的间距。15
floating是否浮动,如果为true,则标题可以偏离主图表区,可配合x,y属性使用。false
style设置CSS样式。{color: '#3E576F',
           fontSize: '16px'}

Sari kata: Pilihan sari kata

Pilihan atribut yang disediakan oleh sari kata adalah lebih kurang sama dengan tajuk Anda boleh merujuk kepada pilihan tajuk di atas bahawa pilihan teks sari kata lalai kepada '', yang kosong, jadi sari kata tidak dipaparkan secara lalai.


xAxis: Pilihan paksi X

Pilihan paksi X digunakan untuk menetapkan sifat berkaitan paksi X carta.

参数描述默认值
categories设置X轴分类名称,数组,例如:categories: ['Apples', 'Bananas', 'Oranges'][]
titleX轴名称,支持text、enabled、align、rotation、style等属性 
labels设置X轴各分类名称的样式style,格式formatter,角度rotation等。array
maxX轴最大值(categories为空时),如果为null,则最大值会根据X轴数据自动匹配一个最大值。null
minX轴最小值(categories为空时),如果为null,则最小值会根据X轴数据自动匹配一个最小值。array
gridLineColor网格(竖线)颜色#C0C0C0
gridLineWidth网格(竖线)宽度1
lineColor基线颜色#C0D0E0
lineWidth基线宽度0

yAxis: Pilihan paksi-Y

Pilihan paksi-Y pada asasnya sama dengan pilihan xAxis di atas Sila rujuk tetapan parameter dalam jadual di atas dan tidak akan disenaraikan secara berasingan.


Siri: Pilihan lajur data

Pilihan lajur data digunakan untuk menetapkan sifat yang berkaitan dengan data untuk dipaparkan dalam carta.

参数描述默认值
data显示在图表中的数据列,可以为数组或者JSON格式的数据。如:data:[0, 5, 3, 5],或
           data: [{name: 'Point 1',y: 0}, {name: 'Point 2',y: 5}]
''
name显示数据列的名称。''
type数据列类型,支持 area, areaspline, bar, column, line, pie, scatter or splineline

plotOptions: Pilihan titik data

plotOptions digunakan untuk menetapkan sifat yang berkaitan dengan titik data dalam carta. plotOptions mempunyai tetapan harta yang sedikit berbeza mengikut pelbagai jenis carta Pilihan biasa kini disenaraikan.

参数描述默认值
enabled是否在数据点上直接显示数据false
allowPointSelect是否允许使用鼠标选中数据点false
formatter回调函数,格式化数据显示内容formatter: function() {return this.y;}

Petua alat: Kotak gesaan titik data

Petua alat digunakan untuk menetapkan maklumat kotak gesaan yang dipaparkan apabila tetikus meluncur ke arah titik data.

参数描述默认值
enabled是否显示提示框true
backgroundColor设置提示框的背景色rgba(255, 255, 255, .85)
borderColor提示框边框颜色,默认自动匹配数据列的颜色auto
borderRadius提示框圆角度5
shadow是否显示提示框阴影true
style设置提示框内容样式,如字体颜色等color:'#333'
formatter回调函数,用于格式化输出提示框的显示内容。返回的内容支持html标签如:<b>, <strong>, <i>, <em>, <br/>, <span>2

Legenda: Pilihan lagenda

legenda digunakan untuk menetapkan sifat berkaitan legenda.

参数描述默认值
layout显示形式,支持水平horizontal和垂直verticalhorizontal
align对齐方式。center
backgroundColor图例背景色。null
borderColor图例边框颜色。#909090
borderRadius图例边框角度5
enabled是否显示图例true
floating是否可以浮动,配合x,y属性。false
shadow是否显示阴影false
style设置图例内容样式''

Untuk butiran lanjut, sila rujuk dokumentasi bahasa Inggeris di laman web rasmi highcharts: http://api.highcharts.com/highcharts

Laman web PHP Cina