le opzioni di configurazione Highcharts sono descritte in dettaglio

Highcharts opzioni di configurazione forniscono un sacco di parametri, si può facilmente personalizzabile per soddisfare le esigenze degli utenti classifiche in questa sezione per saperne di più opzioni di configurazione Highcharts per l'uso:

I parametri di configurazione (attributi + Event)

1. chart.events.addSeries: Aggiungere il numero di colonne al grafico.

2. chart.events.click: Fare clic su un evento si è verificato l'intera area del tracciato grafico.

3. chart.events.load: evento di caricamento Chart.

4. chart.events.redraw: grafico ridisegna evento, cliccare sul spettacoli leggenda e può innescare disegno nascosto.

5. chart.events.selection: Quando la selezionabile zoom curva di grafico, selezionare il grafico quando operazione può attivare l'evento.

6. chart.height: grafico altezza disegnato.

7. chart.inverted: grafico x, asse y in borsa.

8. chart.polar: se il grafico polare.

9. chart.reflow: quando cambia dimensione della finestra, la larghezza del grafico adattative le dimensioni della finestra.

10. chart.renderTo: caricamento della tabella, è un oggetto DOM sulla pagina.

11. chart.showAxes: grafico vuoto, se visualizzare assi.

12. chart.type: tipo di grafico, la linea di default, ci sono bar / colonna / pie ......

13. chart.width: la larghezza della superficie di terreno del grafico, il valore predefinito è adattivo.

14. chart.zoomType: tipo di amplificazione di dati nel grafico del report, è possibile ingrandire l'asse X o Y zoom, è possibile ingrandire XY assi contemporaneamente.

15. colori: La maggior parte delle colonne nel grafico, il numero di colonne tra ogni colore. È un array, generalmente non si muovono.

16. crediti .enabled: se consentire la visualizzazione delle informazioni sul copyright.

17. credits.href: Link protetto da copyright.

18. credits.text: informazioni sul copyright visualizzazione del testo.

19. esportare .buttons.exportButton.enabled: se consentire il pulsante Display Esporta.

20. exporting.buttons.exportButton.menuItems: opzione di menu pulsante Esporta.

21. evento pulsante Esporta si fa clic, non dal menu interno: exporting.buttons.exportButton.onclick.

22. exporting.buttons.printButton.enabled: se consentire il pulsante Stampa.

23. exporting.buttons.printButton.onclick: pulsante di stampa evento Click.

24. exporting.enabled: pulsanti stampare ed esportare sono ammessi.

25. exporting.filename: è il nome del file di esportazione.

26. exporting.type: i formati di file di immagine di esportazione predefinite.

27. exporting.url: tabella di conversione SVG e l'indirizzo di interfaccia trasformazione per l'esportazione.

28. exporing.width: larghezza immagine di esportazione di default.

29. etichette: le etichette possono essere caricati in qualsiasi posizione del grafico, ci sono oggetti, lo stile.

30. lang: configurazione dei parametri di lingua, e la configurazione relativa al menu del pulsante Esporta, nome e altre i tempi di configurazione.

31. legend.enabled: se consentire Legend.

32. navigation.buttonOptions.enabled: pulsanti di navigazione grafico se tutto ciò che è possibile fare clic.

33. plotOptions .area.allowPointSelect: se consentire i punti di scatto di dati.

34. plotOptions.area.color: disegno a colori.

35. plotOptions.area.dataLabels.enabled: se consentire le etichette dati.

36. plotOptions.area.enableMouseTracking: se consentire i dati nel grafico, viene visualizzato il punto di monitoraggio del mouse dati bolla.

37. plotOptions.area.events.checkboxClick: i dati nel grafico leggenda evento casella di click.

38. plotOptions.area.events.click: tabelle di dati, punti di dati evento Click.

39. plotOptions.area.events.hide: grafico dei dati, una sequenza di dati di eventi quando nascosto.

40. plotOptions.area.events.show: grafico dei dati, una sequenza di dati di eventi quando sono visualizzate.

41. plotOptions.area.events.legendItemClick: grafico dei dati, la leggenda della voce evento viene cliccato, l'assegnazione diretta falso, non è cliccabile.

42. plotOptions.area.events.mouseOut: dati del mouse punti su l'evento.

43. plotOptions.area.events.mouseOver: punti dati del mouse dopo l'evento.

44. plotOptions.area.marker.enabled: se visualizzare il tag punto di disegno grafico.

45. plotOptions.area.marker.states.hover.enabled: se consentire stato tag rollover.

46. plotOptions.area.marker.states.select.enabled: se consentire lo stato di selezione delle variabili.

47. plotOptions.area.point.events.click: tracciare ogni singolo evento punto di click.

48. plotOptions.area.point.events.mouseOut

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

50. plotOptions.area.point.events.remove: Evento cancellato i punti del grafico vengono utilizzati.

51. plotOptions.area.point.events.select: Selezionare l'evento grafico punto medio.

52. plotOptions.area.point.events.unselect: Evento grafico punto centrale quando deselezionato.

53. plotOptions.area.point.events.update: evento di aggiornamento si verifica quando i dati nel grafico.

54. plotOptions.area.visible: quando si carica viene visualizzato o nascosto la serie di dati di default.

55. plotOptions.area.zIndex: Nel caso di più sequenze, modificare l'ordine di sovrapposizione di ogni sequenza.

56. Sopra point.events stesso vale anche per l'altra area di diagrammi di classe (arearange, areaspline, areasplinerange), diverse istogramma (bar, colonna) e tutti i grafici.

57. plotOptions.area.showInLegend: se mostrare nella legenda.

58. plotOptions.area.stacking: è il valore della pila, la pila o in percentuale.

59. plotOptions.area.states.hover.enabled: se consentire allo Stato di mettere il mouse.

60. plotOptions.area.stickyTracking: topo appiccicoso punti dati di monitoraggio.

61. plotOptions.arearange, plotOptions.areaspline, plotOptions.areasplinerange simile al plotOptions.area

62. plotOptions.bar.groupPadding: Per i grafici a barre intervallo di pacchetto tra ogni pacchetto.

63. plotOptions.bar.grouping: se raggruppare i dati.

64. plotOptions.bar.minPointLength :: Definisce il valore del punto è zero, il punto della lunghezza minima per

65. plotOptions.bar.showInLegend: se mostrare nella legenda.

66. plotOptions.bar.stacking: è il valore della pila, lo stack o in percentuale (percentuale normale /).

67. plotOptions.column, plotOptions.columnrange simile al plotOptions.bar

68. Configurazione plotOptions.line relativo è la configurazione plotOptions.area simile.

69. plotOptions.pie.ignoreHiddenPoint: Nel grafico a torta, una particolare sequenza da leggenda clic per nascondere, l'intero grafico a torta è al 100% di riassegnazione, o nascosti solo sulla base di quella originale, che mostra un gap.

70. plotOptions.pie.innerSize: Quando si disegna un grafico a torta, un centro grafico a torta di riservare molto vuoto.

71. plotOptions.pie.slicedOffset: allowPointSelect utilizzare in combinazione con, quando il punto viene cliccato, il corrispondente buccia settore, questo parametro di configurazione che è distanziata a distanza.

72. Altro configurazione comune parametri plotOptions.pie somiglianza con plotOptions.area, plotOptions.scatter, plotOptions.series, configurazione simile plotOptions.area configurazione relativa plotOptions.spline.

73. serie: un array.

74. series.data.color: uno dei dati di colore.

75. series.data.dataLabels: una sequenza di dati di etichetta dei dati.

76. series.data.events simile alla configurazione di plotOptions.area.point.events.

77. series.data.marker simile alla configurazione di plotOptions.area.marker.

78. series.data.name: nome dei punti di dati di configurazione.

79. series.data.sliced: Configurare il grafico a torta, la distanza che separa la dimensione del settore.

80. series.data.x: il valore x del punto.

81. series.data.y: il valore y del punto.

82. series.name: nome della sequenza di dati.

83. series.stack: impilati indice di gruppo.

84. series.type: sequenza di dati tipo di display.

85. series.xAxis, series.yAxis: quando si utilizzano più assi, specificare quale asse corrisponde a un numero di colonne.

86. sottotitolo: Configurare il sottotitolo del grafico.

87. Titolo: il titolo della configurazione dei grafici.

88. tooltip: Configurare i dati rapide bolla nel grafico.

89. tooltip.valueDecimals: Consentire decimali.

90. tooltip.percentageDecimals: Consenti percentuale di cifre decimali.

91. impostazioni di configurazione dell'asse asseX, asseY

92. allowDecimals: se consentire i decimali assi.

93. categorie: una serie di assi di classificazione.

94. trame: Disegna la linea principale.

95. tickColor: scala di colori.

96. tickInterval: passo scala di valore.

97. labels.rotation: scala etichette grado di rotazione

Grafico: opzione area del grafico

opzione zona Chart area del grafico viene utilizzato per impostare le proprietà.

Colore: Opzioni colore

opzioni di colore per l'impostazione di colori cartella colori.

Highcharts fornisce già diverse combinazione di colori predefinita, quando si desidera visualizzare immagini a colori più di genere, più grafica verranno automaticamente partirà dalla prima selezione combinazione di colori. Personalizzato approccio combinazione di colori:

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

Titolo: Opzioni Titolo

opzione didascalia titolo viene utilizzato per impostare le proprietà rilevanti del titolo del grafico.

opzioni dei sottotitoli: Subtitle

Opzioni di proprietà sottotitolo fornire sostanzialmente lo stesso titolo con il titolo, il titolo può fare riferimento alle opzioni di cui sopra, vale la pena ricordare che il sottotitolo di default delle opzioni di testo a '', che è vuoto, in modo che il sottotitolo non viene visualizzato per impostazione predefinita.

asseX: opzione Asse X

opzione dell'asse X viene utilizzato per impostare la tabella X. proprietà relative.

Opzione asse Y: asseY

Opzione asse Y è coerente con le opzioni asseX di cui sopra, si prega di fare riferimento alla tabella nel parametro impostazioni non sono più elencati separatamente.

Serie: dati opzioni delle colonne

opzione di colonne di dati viene utilizzata per impostare il grafico per visualizzare i dati relativi proprietà.

plotOptions: opzioni del punto dati

plotOptions utilizzati per impostare i punti dati grafico proprietà relative. plotOptions Secondo vari tipi di grafico, le loro proprietà in posizione leggermente diversa, ora le opzioni comunemente usate elencati.

Tooltip: punti dati pallone

Informazioni Tooltip per l'impostazione della finestra di prompt quando viene visualizzato il punto del mouse dati diapositiva.

Legenda: Opzione Leggenda

Legenda Legenda viene utilizzato per impostare le proprietà.

Per informazioni più dettagliate, consultare il sito ufficiale delle Highcharts documentazione inglesi: http://api.highcharts.com/highcharts