highcharts圖表史上最全的參數配置

  • chart.events.addSeries:添加數列到圖表中。  
  • chart.events.click:整個圖表的繪圖區上所發生的點擊事件。  
  • chart.events.load:圖表加載事件。  
  • chart.events.redraw:圖表重畫事件,當點擊圖注顯示和隱藏繪圖時可以觸發。  
  • chart.events.selection:當圖表曲線可選擇放大時,當選擇圖表操作時,可以觸發該事件。  
  • chart.height:所繪製圖表的高度值。  
  • chart.inverted:圖表中的x,y軸對換。  
  • chart.polar:是否爲極性圖表。  
  • chart.reflow:當窗口大小改變時,圖表寬度自適應窗口大小改變。  
  • chart.renderTo:圖表加載的位置,是頁面上的一個DOM對象。  
  • chart.showAxes:在空白圖表中,是否顯示座標軸。  
  • chart.type:圖表的類型,默認爲line,還有bar/column/pie……  
  • chart.width:圖表繪圖區的寬度,默認爲自適應。  
  • chart.zoomType:圖表中數據報表的放大類型,可以以X軸放大,或是以Y軸放大,還可以以XY軸同時放大。  
  • colors:圖表中多數列時,各數列之間的顏色。是一個數組,一般不動。  
  • credits.enabled:是否允許顯示版權信息。  
  • credits.href:版權所有的鏈接。  
  • credits.text:版權信息顯示文字。  
  • exporting.buttons.exportButton.enabled:是否允許顯示導出按鈕。  
  • exporting.buttons.exportButton.menuItems:導出按鈕的菜單選項。  
  • exporting.buttons.exportButton.onclick:導出按鈕被點擊的事件,不是內部的菜單。  
  • exporting.buttons.printButton.enabled:是否允許打印按鈕。  
  • exporting.buttons.printButton.onclick:打印按鈕的點擊事件。  
  • exporting.enabled:打印和導出按鈕是否被允許。  
  • exporting.filename:被導出文件的文件名。  
  • exporting.type:默認導出圖片的文件格式。  
  • exporting.url:SVG圖表轉換並導出的接口處理地址。  
  • exporing.width:默認導出圖片的寬度。  
  • labels:標籤,可以加載到圖表的任何位置,裏面有items,style。  
  • lang:語言參數配置,與導出按鈕菜單有關的配置,時間名稱的配置等。  
  • legend.enabled:是否允許圖注。  
  • navigation.buttonOptions.enabled:圖表中所有導航中的按鈕是否可被點擊。  
  • plotOptions.area.allowPointSelect:是否允許數據點的點擊。  
  • plotOptions.area.color:繪圖的顏色。  
  • plotOptions.area.dataLabels.enabled:是否允許數據標籤。  
  • plotOptions.area.enableMouseTracking:是否允許數據圖表中,數據點的鼠標跟蹤氣泡顯示。  
  • plotOptions.area.events.checkboxClick:數據圖表中圖注中複選框的點擊事件。  
  • plotOptions.area.events.click:數據圖表中,數據點的點擊事件。  
  • plotOptions.area.events.hide:數據圖表中,某一數據序列隱藏時的事件。  
  • plotOptions.area.events.show:數據圖表中,某一數據序列顯示時的事件。  
  •   
  • plotOptions.area.events.legendItemClick:數據圖表中,圖注中的項目被點擊時的事件,直接賦值false,則不可點擊。  
  • plotOptions.area.events.mouseOut:數據點的鼠標移出事件。  
  • plotOptions.area.events.mouseOver:數據點的鼠標經過事件。  
  •   
  • plotOptions.area.marker.enabled:圖表中繪圖中是否顯示點的標記符。  
  • plotOptions.area.marker.states.hover.enabled:是否允許標記符的鼠標經過狀態。  
  • plotOptions.area.marker.states.select.enabled:是否允許標記符的選擇狀態。  
  • plotOptions.area.point.events.click:圖表中每一個單獨的點點擊事件。  
  • plotOptions.area.point.events.mouseOut  
  • plotOptions.area.point.events..mouseOver  
  • plotOptions.area.point.events.remove:刪除圖表中的點時的事件。  
  • plotOptions.area.point.events.select:圖表中點選擇事件。  
  • plotOptions.area.point.events.unselect:圖表中點取消選擇時的事件。  
  • plotOptions.area.point.events.update:圖表中數據發生更新時的事件。  
  • plotOptions.area.visible:加載時,數據序列默認是顯示還是隱藏。  
  • plotOptions.area.zIndex:在多序列的情況下,調整每一個序列的層疊順序。  
  • 以上的point.events同樣還適用於其他面積類圖表(arearange、areaspline、areasplinerange),其他的柱狀圖(bar、column)及所有圖表。  
  • plotOptions.area.showInLegend:是否在圖注中顯示。  
  • plotOptions.area.stacking:是以值堆疊,還是以百分比堆疊。  
  • plotOptions.area.states.hover.enabled:鼠標放上的狀態是否允許。  
  • plotOptions.area.stickyTracking:鼠標粘性跟蹤數據點。  
  • plotOptions.arearange,plotOptions.areaspline,plotOptions.areasplinerange類同於plotOptions.area  
  • plotOptions.bar.groupPadding:對於柱狀圖分組,每個分組之間的間隔。  
  • plotOptions.bar.grouping:是否對數據進行分組。  
  • plotOptions.bar.minPointLength::定義當point值爲零時,點的最小長度爲多少  
  • plotOptions.bar.showInLegend:是否在圖注中顯示。  
  • plotOptions.bar.stacking:是以值堆疊,還是以百分比堆疊(normal/percent)。  
  • plotOptions.column,plotOptions.columnrange類同於plotOptions.bar  
  • plotOptions.line的相關配置類似於plotOptions.area配置。  
  • plotOptions.pie.ignoreHiddenPoint:在餅狀圖中,某一個序列經圖注點擊隱藏後,整個餅狀圖是重新以100%分配,還是隻在原圖基礎上隱藏,呈現一個缺口。  
  • plotOptions.pie.innerSize:繪製餅狀圖時,餅狀圖的圓心預留多大的空白。  
  • plotOptions.pie.slicedOffset:與allowPointSelect結合使用,當點被點擊時,對應的扇區剝離,這個參數即配置離開的距離。  
  • plotOptions.pie的其他常用配置參數類同於plotOptions.area。  
  • plotOptions.scatter,plotOptions.series,plotOptions.spline的相關配置類似於plotOptions.area配置。  
  • series:是一個數組。  
  • series.data.color:某一個數據的顏色。  
  • series.data.dataLabels:序列中某一個數據的數據標籤。  
  • series.data.events類同於plotOptions.area.point.events的相關配置。  
  • series.data.marker類同於plotOptions.area.marker的相關配置。  
  • series.data.name:配置數據點的名稱。  
  • series.data.sliced:配置在餅圖中,扇區的分離距離大小。  
  • series.data.x:點的x值。  
  • series.data.y:點的y值。  
  • series.name:數據序列的名稱。  
  • series.stack:堆疊的分組索引。  
  • series.type:數據序列的展示類型。  
  • series.xAxis,series.yAxis:當使用多座標軸時,指定某個數列對應哪個座標軸。  
  • subtitle:配置圖表的子標題。  
  • title:配置圖表的標題。  
  • tooltip:配置圖表中數據的氣泡提示。  
  • tooltip.valueDecimals:允許的小數點位數。  
  • tooltip.percentageDecimals:允許百分比的小數點後位數。  
  • xAxis,yAxis配置設置座標軸  
  • allowDecimals:座標軸上是否允許小數。  
  • categories:是一個數組,座標軸的分類。  
  • plotLines:繪製主線。  
  • tickColor:刻度顏色。  
  • tickInterval:刻度的步進值。  
  • labels.rotation:刻度標籤旋轉度數  
    發表評論
    所有評論
    還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
    相關文章