ECharts parallel configuration是一种在EChart
▥前端
𝄐 0
echarts平行坐标系,echarts双坐标,echarts横坐标间隔设置,echart 多y轴,echarts设置双y轴,echarts两条y轴
ECharts parallel configuration是一种在ECharts图表库中用于展示多维数据的配置项之一,它可以通过设置多个平行坐标轴来展示不同维度的数据,并将这些数据映射到平面上同时展示。这种方式可以让用户快速地分析和比较多个变量或指标之间的关系。
以下是一个简单的例子:
javascript
option = {
parallelAxis: [
{ dim: 0, name: '年龄' },
{ dim: 1, name: '工作经验' },
{ dim: 2, name: '薪资' },
{ dim: 3, name: '学历' }
],
series: [
{
type: 'parallel',
data: [
[26, 4, 9000, '本科'],
[30, 8, 12000, '硕士'],
[35, 12, 15000, '博士'],
[28, 5, 10000, '本科'],
[33, 10, 13000, '硕士']
]
}
]
};
在这个例子中,我们使用 parallelAxis 属性设置了四个平行坐标轴,分别对应年龄、工作经验、薪资和学历这四个维度。然后使用 series 属性中的 type: 'parallel' 来创建一个平行坐标系,并将数据映射到这些坐标轴上。在 data 中,每一行数据都对应了一个样本,其中第一列为年龄,第二列为工作经验,第三列为薪资,最后一列为学历。
这个例子展示了如何使用平行坐标系来比较不同人群的年龄、工作经验、薪资和学历等指标之间的关系。通过拖动鼠标选择某些区域,可以快速筛选出符合特定条件的样本。
ECharts parallel configuration是一种在ECharts图表库中用于展示多维数据的配置项之一,它可以通过设置多个平行坐标轴来展示不同维度的数据,并将这些数据映射到平面上同时展示。这种方式可以让用户快速地分析和比较多个变量或指标之间的关系。
以下是一个简单的例子:
javascript
option = {
parallelAxis: [
{ dim: 0, name: '年龄' },
{ dim: 1, name: '工作经验' },
{ dim: 2, name: '薪资' },
{ dim: 3, name: '学历' }
],
series: [
{
type: 'parallel',
data: [
[26, 4, 9000, '本科'],
[30, 8, 12000, '硕士'],
[35, 12, 15000, '博士'],
[28, 5, 10000, '本科'],
[33, 10, 13000, '硕士']
]
}
]
};
在这个例子中,我们使用 parallelAxis 属性设置了四个平行坐标轴,分别对应年龄、工作经验、薪资和学历这四个维度。然后使用 series 属性中的 type: 'parallel' 来创建一个平行坐标系,并将数据映射到这些坐标轴上。在 data 中,每一行数据都对应了一个样本,其中第一列为年龄,第二列为工作经验,第三列为薪资,最后一列为学历。
这个例子展示了如何使用平行坐标系来比较不同人群的年龄、工作经验、薪资和学历等指标之间的关系。通过拖动鼠标选择某些区域,可以快速筛选出符合特定条件的样本。
本文地址:
/show-278051.html
版权声明:除非特别标注原创,其它均来自互联网,转载时请以链接形式注明文章出处。