>[info] 度量就是從數據到圖形的轉化,使得數據在展示的時候可以自定義——數據加工操作
例如,數據源為:
~~~
const data = [
{ month: 0, value: 1 },
{ month: 1, value: 2 },
{ month: 2, value: 3 }
];
~~~
需要把它進行加工,把month字段變成月份,并且顯示為一月,二月、三月的形式。
實例:
~~~
//以下是關于數據映射scale的demo
const data = [
{ month: 0, value: 1 },
{ month: 1, value: 2 },
{ month: 2, value: 3 }
];
chart.scale('month', {
type: 'cat', // 聲明 type 字段為分類類型
values: [ '一月', '二月', '三月' ], // 重新顯示的值
alias: '月份' // 設置屬性的別名
});
// 這時候映射的month就變成了 月份:一月
// 這時坐標軸,tooltip等關于month的數據顯示都改變了
~~~
度量的屬性:
~~~js
{
type: {string}, // 度量的類型
range: {array}, // 數值范圍區間,即度量轉換的范圍,默認為 [0, 1]
alias: {string}, // 為數據屬性定義別名,用于圖例、坐標軸、tooltip 的個性化顯示
ticks: {array}, // 存儲坐標軸上的刻度點文本信息
tickCount: {number}, // 坐標軸上刻度點的個數,不同的度量類型對應不同的默認值
formatter: {function}, // 回調函數,用于格式化坐標軸刻度點的文本顯示,會影響數據在坐標軸、圖例、tooltip 上的顯示
}
~~~