Получение выбранного значения из параллельной диаграммы координат с использованием ngx-echarts

Question

У меня проблемы с получением событий для работы на моем графике. Мне нужно получить значение выбранной области моего параллельного графика координат. Я пытался использовать chartDataRangeSelected, но он ничего не делает, когда я выбираю некоторые данные.

Вот мой код:

<div echarts [options]="chartOption" class="demo-chart" (chartInit)="onChartInit($event)" (chartDataRangeSelected)="onChartSelect($event)"></div>

Конфигурация диаграммы:

chartOption: EChartOption = {
    title: {
        text: 'Demo Parallel Coordinates',
        subtext: 'data from macrofocus',
        left: 'center',
        top: 5,
        itemGap: 0,
        textStyle: {
            color: '#000000'
        },
        z: 200
    },
    parallelAxis: this.makeParallelAxis(this.schema),
    grid: [{
        show: true,
        left: 0,
        right: 0,
        top: '0',
        bottom: 0,
        borderColor: 'transparent',
        backgroundColor: 'white',
        z: 99
    }],
    parallel: {
        top: '10%',
        left: 100,
        right: 100,
        bottom: 100,
        axisExpandable: true,
        axisExpandCenter: 15,
        axisExpandCount: 10,
        axisExpandWidth: 60,
        axisExpandTriggerOn: 'mousemove',

        z: 100,
        parallelAxisDefault: {
            type: 'value',
            nameLocation: 'start',
            nameRotate: 25,
            // nameLocation: 'end',
            nameTextStyle: {
                fontSize: 12
            },
            nameTruncate: {
                maxWidth: 170
            },
            nameGap: 20,
            splitNumber: 3,
            tooltip: {
                show: true
            },
            axisLine: {
                // show: false,
                lineStyle: {
                    width: 1,
                    color: '#000000'
                }
            },
            axisTick: {
                show: false
            },
            splitLine: {
                show: false
            },
            z: 100
        }
    },
    series: [
        {
            name: 'parallel',
            type: 'parallel',
            smooth: true,
            lineStyle: {
                color: '#577ceb',
                width: 0.5,
                opacity: 0.6
            },
            z: 100,
            data: this.rawData
        }
    ]
};

Функция:

onChartSelect(e){
    console.log(e);
  }

Использую ли я для этого правильные события? Ваша помощь будет высоко ценится.

Спасибо

Answer 1

в соответствии с документом eCharts,

Событие selectDataRange, генерируемое после изменения диапазона в visualMap. https://www.echartsjs.com/en/api.html#events .datarangeselected ,

, который является chartDataRangeSelected из ngx-echarts, сопоставленных с.

И вы можете видеть, что это событие относится к visualMap , ваши диаграммы вообще не имеют визуальной карты, поэтому я думаю, что событие не будет запущено.

Вы можете попробовать chartAxisAreaSelected, так как это больше относится к вашей диаграмме.