• band - 特殊的 ordinal 比例尺，它的值域范圍是一個連續的范圍。
• linear - 針對連續數據，對數據進行連續映射的比例尺。
• sqrt - 指數固定為 0.5 的 pow 比例尺。
• pow - 類似于 linear 比例尺，但是映射函數為指數函數（exponential）。
• log - 類似于 linear 比例尺，但是映射函數為對數函數（logarithmic）。
• ordinal - 將離散的數據映射到另外一個離散數據中。
• point - 特殊 band 比例尺，固定配置 bandWith = 0。
• quantize - 類似于 threshold，但是計算切片的方式是基于元素的數據值。
• quantile - 類似于 threshold， 但是計算切片的方式是基于元素在數據中的索引。
• threshold - 將連續的值域范圍劃分為多個切片，并將這些切片映射到一個離散的數據中。
• time - 特殊的 linear 比例尺，它的值域是一組有時間順序的數據

Transform - 變換

• bin - 對連續的 x 和 連續的 y 通道進行分箱，并且對通道根據指定的 reducer 進行聚合。
• binX - 對 x 通道進行分箱，如果希望對 y 通道進行分箱，使用 binX + transpose 坐標系。
• diffY - 對 y 和 y1 通道求差集。
• dodgeX - 生成 series 通道值為 color 通道的值，根據 series 通道實現分組效果。
• flexX - 根據指定通道設置 x 比例尺的 flex 屬性，實現不等寬矩形的效果。
• group - 對離散的 x 和 連續的 y 通道進行分組，并且對通道根據指定的 Reducer 進行聚合。
• groupColor - 對離散的 color 通道進行分組，并且對通道根據指定的 Reducer 進行聚合。
• groupX - 對離散的 x 通道進行分組，并且對通道根據指定的 Reducer 進行聚合。
• groupY - 對離散的 y 通道進行分組，并且對通道根據指定的 Reducer 進行聚合。
• jitter - 根據離散的 x 和 離散的 y 比例尺，生成 dy 和 dx 通道，實現在某個區域散開的效果。
• jitterX - 根據離散的 x 比例尺，生成 dx 通道，實現在某個區域的 x 方向散開的效果。
• jitterY - 根據離散的 y 比例尺，生成 dy 通道，實現在某個區域的 y 方向散開的效果。
• normalizeY - 對 y 和 y1 通道根據指定的 basis 進行歸一化處理。
• select - 按照指定通道進行分組，根據指定通道和 selector 從每組選擇出數據。
• selectX - 按照指定通道進行分組，根據 x 通道和 selector 從每組選擇出數據。
• selectY - 按照指定的通道進行分組，根據 y 通道和 selector 從每組選擇出數據。
• pack - 生成 transform 和 scale 屬性，從而讓圖形在空間中緊湊排列。
• sample - 當數據量遠大于屏幕像素的時候，開啟一些內置的采樣策略，提升圖表繪制性能。
• sortColor - 對離散的 color 比例尺的定義域根據指定通道排序。
• sortX - 對離散的 x 比例尺的定義域根據指定通道排序。
• sortY - 對離散的 y 比例尺的定義域根據指定通道排序。
• stackEnter - 對 enterDuration 和 enterDelay 通道進行堆疊，實現分組動畫的效果。
• stackY - 按照指定通道分組，對每組的 y 和 y1 通道進行堆疊，實現堆疊效果。
• symmetryY - 按照指定通道分組，給每組的 y 和 y1 通道添加偏移，實現對稱效果。

Interaction - 交互 操作視圖并且展現詳細信息。

• brushFilter - 框選篩選。
• brushXFilter - x 方向框選篩選。
• brushYFilter - y 方向框選篩選。
• brushHighlight - 框選高亮。
• brushXHighlight - x 方向框選高亮。
• brushYHighlight - y 方向框選高亮。
• brushAxisHighlight - 坐標軸框選高亮。
• legendHighlight - 圖例高亮。
• legendFilter - 圖例篩選。
• tooltip - 展現提示信息。
• elementHighlight - 高亮元素。
• elementHighlightByX - 高亮具有相同 x 通道值的元素。
• elementHighlightByColor - 高亮具有相同 color 通道的元素。
• elementSelect - 選擇元素。
• elementSelectByX - 選擇擁有相同 x 通道值的元素。
• elementSelectByColor - 選擇擁有相同 color 通道值的元素。
• fisheye - 魚眼交互。
• charIndex - 索引圖表。
• poptip - 展現提示文本。
• sliderFilter - 拖動條篩選。

Component - 組件  繪制輔助視覺元素。

• title - 繪制圖表標題和副標題。
• axis - 繪制坐標軸。
• legend - 繪制圖例。
• scrollbar - 繪制滾動條。
• slider - 繪制拖動條。

axis: {
      y: {
        // Title
        title: 'Frequency',
        titleSpacing: 30,
        titleFill: 'steelblue',

        // Line
        line: true,
        arrow: true,
        lineArrowOffset: 10,
        lineArrowSize: 30,
        lineLineWidth: 10,

        // Tick
        tickLength: 20,
        tickFilter: (_, i) => i % 3 !== 0,

        // Label
        labelFormatter: '.0%',

        // Grid
        gridLineDash: null,
        gridStroke: 'red',
        gridStrokeWidth: 5,
        gridAreaFill: '#eee',
      },
      x: {
        title: 'Letter',
        labelFormatter: (d) => d.repeat(3),
        labelFontSize: 30,
        labelSpacing: 30,
      },
    },

View Code

chart.area()