echarts----平行坐标系

平行坐标系

特点:

①有两个类目轴:左右两个垂直方向的轴

②类目轴上的一点,对应多个不同类型的数据

③没有x,y坐标,用parallelAxis代替类目轴(一般在垂直方向上),
用parallel代替数据轴(水平方向)

④每一个数据项,data对象的项代表类目轴数据,项也是一个数组,
存放不同类在当前类目下的数据,即:类目轴的刻度决定了data.length
的长度,类的种类决定了每一项的length的值

点击预览

parallelAxis—平行坐标系中的坐标轴

相当于坐标轴中的类目轴

1
2
3
4
5
6
7
8
9
10
11
12
parallelAxis: [

{dim: 0, name: schema[0].text, inverse: true, max: 31, nameLocation: 'start'},
{dim: 1, name: schema[1].text},
{dim: 2, name: schema[2].text},
{dim: 3, name: schema[3].text},
{dim: 4, name: schema[4].text},
{dim: 5, name: schema[5].text},
{dim: 6, name: schema[6].text},
{dim: 7, name: schema[7].text,
type: 'category', data: ['优', '良', '轻度污染', '中度污染', '重度污染', '严重污染']}
],

parallel

相当于坐标轴中的数据轴

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
parallel: {
// 下面这四个属性是图线到容器的距离
left: '5%',
right: '13%',
bottom: '10%',
top: '20%',
// 数据轴的默认设置
parallelAxisDefault: {
type: 'value',
name: 'AQI指数',
// 多个类别的数据轴名称在容器中的位置
nameLocation: 'end',
// 数据轴名称到图标的距离
nameGap: 20,
nameTextStyle: {
fontSize: 12
}
}
}

0%