ECharts Parallel是一种数据可视化工具,用于展示多维度数据在不同坐标轴上的关系
▥前端
𝄐 0
echarts设置y轴刻度,echart设置y轴刻度,echarts自定义纵坐标的刻度,echart坐标轴颜色设置,echarts y轴刻度修改,echarts的y轴刻度
ECharts Parallel是一种数据可视化工具,用于展示多维度数据在不同坐标轴上的关系。其中Parallel坐标轴是指在平行于其他坐标轴的方向上展示数据的坐标轴。
要设置Parallel坐标轴的刻度属性,可以使用ECharts提供的axisTick配置项。该配置项包括以下几个属性:
- show:是否显示刻度,默认为true;
- alignWithLabel:刻度是否对齐到标签文字,默认为false;
- interval:刻度之间的间隔数目,可以是一个数字或者一个函数;
- inside:刻度是否朝内部显示,默认为false;
- length:刻度线的长度;
- lineStyle:刻度线的样式。
以下是设置Parallel坐标轴刻度属性的例子:
javascript
option = {
parallelAxis: [ // 平行坐标轴配置
{dim: 0, name: '姓名'},
{dim: 1, name: '年龄'},
{dim: 2, name: '性别', type: 'category', data: ['男', '女']},
{dim: 3, name: '职业', type: 'category', data: ['学生', '工人', '教师']},
{dim: 4, name: '收入'}
],
parallel: { // 平行坐标系配置
parallelAxisDefault: { // 坐标轴默认配置
type: 'value',
axisTick: { // 刻度配置
show: true,
alignWithLabel: true,
interval: 1,
inside: false,
length: 5,
lineStyle: {
color: 'red'
}
}
}
},
series: [ // 数据系列
{
name: '数据',
type: 'parallel',
data: [
['张三', 18, '男', '学生', 2000],
['李四', 25, '女', '工人', 5000],
['王五', 30, '男', '教师', 8000]
]
}
]
};
在上述例子中,可以看到使用了axisTick配置项来设置刻度的属性,其中show、alignWithLabel、inside、length和lineStyle这几个属性都有设置。而interval则采用了默认值1。
此外,由于Parallel坐标轴默认是数值型(type为'value'),所以将性别和职业这两个维度设置为了类别型(type为'category')。
ECharts Parallel是一种数据可视化工具,用于展示多维度数据在不同坐标轴上的关系。其中Parallel坐标轴是指在平行于其他坐标轴的方向上展示数据的坐标轴。
要设置Parallel坐标轴的刻度属性,可以使用ECharts提供的axisTick配置项。该配置项包括以下几个属性:
- show:是否显示刻度,默认为true;
- alignWithLabel:刻度是否对齐到标签文字,默认为false;
- interval:刻度之间的间隔数目,可以是一个数字或者一个函数;
- inside:刻度是否朝内部显示,默认为false;
- length:刻度线的长度;
- lineStyle:刻度线的样式。
以下是设置Parallel坐标轴刻度属性的例子:
javascript
option = {
parallelAxis: [ // 平行坐标轴配置
{dim: 0, name: '姓名'},
{dim: 1, name: '年龄'},
{dim: 2, name: '性别', type: 'category', data: ['男', '女']},
{dim: 3, name: '职业', type: 'category', data: ['学生', '工人', '教师']},
{dim: 4, name: '收入'}
],
parallel: { // 平行坐标系配置
parallelAxisDefault: { // 坐标轴默认配置
type: 'value',
axisTick: { // 刻度配置
show: true,
alignWithLabel: true,
interval: 1,
inside: false,
length: 5,
lineStyle: {
color: 'red'
}
}
}
},
series: [ // 数据系列
{
name: '数据',
type: 'parallel',
data: [
['张三', 18, '男', '学生', 2000],
['李四', 25, '女', '工人', 5000],
['王五', 30, '男', '教师', 8000]
]
}
]
};
在上述例子中,可以看到使用了axisTick配置项来设置刻度的属性,其中show、alignWithLabel、inside、length和lineStyle这几个属性都有设置。而interval则采用了默认值1。
此外,由于Parallel坐标轴默认是数值型(type为'value'),所以将性别和职业这两个维度设置为了类别型(type为'category')。
本文地址:
/show-278053.html
版权声明:除非特别标注原创,其它均来自互联网,转载时请以链接形式注明文章出处。