>[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 上的显示
}
~~~