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%