ECharts xAxis 配置中的坐标轴指示器文本标签的文本类型指的是在坐标轴上显示的刻度标签的数据类型
▥前端
𝄐 0
echarts坐标轴标签位置偏移,echarts坐标轴名称位置,echarts坐标轴字体大小,echarts坐标轴字体颜色,echarts 坐标轴名称,echarts坐标轴刻度
ECharts xAxis 配置中的坐标轴指示器文本标签的文本类型指的是在坐标轴上显示的刻度标签的数据类型。可以通过设置 xAxis.axisLabel.formatter 属性来定义标签的文本格式,具体的文本类型包括以下几种:
1. 数值型('value'):适用于数值型数据,例如连续的时间序列,可以使用默认的数字格式。
2. 类目型('category'):适用于离散的类别型数据,例如城市名称、产品类型等,可以直接使用字符串作为标签。
3. 时间型('time'):适用于时间序列型数据,例如按天、按小时、按秒等时间单位进行划分,可以使用各种时间格式化字符串来自定义标签文本。
4. 对数型('log'):适用于对数型数据,例如科学计数法表示的数据,可以将标签文本转换为对应的幂次数。
下面是针对不同文本类型的 xAxis.axisLabel.formatter 的例子:
1. 数值型:
xAxis: {
type: 'value',
axisLabel: {
formatter: '{value}'
}
}
2. 类目型:
xAxis: {
type: 'category',
data: ['北京', '上海', '广州', '深圳'],
axisLabel: {
formatter: '{value}'
}
}
3. 时间型:
xAxis: {
type: 'time',
axisLabel: {
formatter: function (value, index) {
var date = new Date(value);
return date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate();
}
}
}
4. 对数型:
xAxis: {
type: 'log',
axisLabel: {
formatter: '{value}'
}
}
ECharts xAxis 配置中的坐标轴指示器文本标签的文本类型指的是在坐标轴上显示的刻度标签的数据类型。可以通过设置 xAxis.axisLabel.formatter 属性来定义标签的文本格式,具体的文本类型包括以下几种:
1. 数值型('value'):适用于数值型数据,例如连续的时间序列,可以使用默认的数字格式。
2. 类目型('category'):适用于离散的类别型数据,例如城市名称、产品类型等,可以直接使用字符串作为标签。
3. 时间型('time'):适用于时间序列型数据,例如按天、按小时、按秒等时间单位进行划分,可以使用各种时间格式化字符串来自定义标签文本。
4. 对数型('log'):适用于对数型数据,例如科学计数法表示的数据,可以将标签文本转换为对应的幂次数。
下面是针对不同文本类型的 xAxis.axisLabel.formatter 的例子:
1. 数值型:
xAxis: {
type: 'value',
axisLabel: {
formatter: '{value}'
}
}
2. 类目型:
xAxis: {
type: 'category',
data: ['北京', '上海', '广州', '深圳'],
axisLabel: {
formatter: '{value}'
}
}
3. 时间型:
xAxis: {
type: 'time',
axisLabel: {
formatter: function (value, index) {
var date = new Date(value);
return date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate();
}
}
}
4. 对数型:
xAxis: {
type: 'log',
axisLabel: {
formatter: '{value}'
}
}
本文地址:
/show-277894.html
版权声明:除非特别标注原创,其它均来自互联网,转载时请以链接形式注明文章出处。