环比增长怎么算—同比环比增长率怎么算…

思路&做法

思路比较简单，所以使用 设置提示框内容格式。因为 支持回调函数，所以可以同时完成环比增长率的计算和显示。

回调函数格式

(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) => string

params 格式（摘自 ECharts 配置项手册）

{
componentType: 'series',
// 系列类型
seriesType: string,
// 系列在传入的 o 中的 index
seriesIndex: number,
// 系列名称
seriesName: string,
// 数据名，类目名
name: string,
// 数据在传入的 data 数组中的 index
dataIndex: number,
// 传入的原始数据项
data: Object,
// 传入的数据值
value: number|Array,
// 数据图形的颜色
color: string,
// 饼图的百分比
percent: number,
}

series[i]-data 数据

data1 = [10, 52, 200, 334, 390, 330, 220];

tooltip 配置

tooltip: {
trigger: 'item',
formatter: function(params) {

// 先拼接当期数值，以及 '，环比增长' 文字
relVal = + '，环比增长';

// 再拼接环比增长率及百分号，或者 '未知' 文字
relVal += Index === 0 ? '未知' : (( – data1[Index – 1]) * 100 / data1[Index – 1]).toFixed(2) + '%';
return relVal;
}
},

• ：当前数据（鼠标指向的数据相图形）；
• Index：当前数据在 data 数组中的 index；
• data1[Index – 1]：当前数据项的上期数值；
• Index === 0 ? '未知' : <expr> ：周一缺少上期数据，故环比增长率未知

点击「了解更多」查看 ECharts Gallery 例子（建议PC查看）