feat(line): add triggerEvent option for more control over mouse event

src/chart/line/LineSeries.ts

@@ -119,7 +119,16 @@ export interface LineSeriesOption extends SeriesOption<LineStateOption<CallbackD
 
     data?: (LineDataValue | LineDataItemOption)[]
 
+    /**
+     * @deprecated Use `triggerEvent: 'line'` for only line event or `triggerEvent: true` for both line and area event.
+     */
     triggerLineEvent?: boolean
+
+    /**
+    * Whether to trigger event when hovering on the line or the area
+    * @since v6.0.0
+    */
+    triggerEvent?: boolean | 'line' | 'area'
 }
 
 class LineSeriesModel extends SeriesModel<LineSeriesOption> {
@@ -213,7 +222,12 @@ class LineSeriesModel extends SeriesModel<LineSeriesOption> {
             divideShape: 'clone'
         },
 
-        triggerLineEvent: false
+        /**
+         * @deprecated
+         */
+        triggerLineEvent: false,
+
+        triggerEvent: false
     };
 
     getLegendIcon(opt: LegendIconParams): ECSymbol | Group {

src/chart/line/LineView.ts

@@ -920,10 +920,14 @@ class LineView extends ChartView {
         this._step = step;
         this._valueOrigin = valueOrigin;
 
-        if (seriesModel.get('triggerLineEvent')) {
-            this.packEventData(seriesModel, polyline);
-            polygon && this.packEventData(seriesModel, polygon);
-        }
+        const triggerEvent = seriesModel.get('triggerEvent');
+        const triggerLineEvent = seriesModel.get('triggerLineEvent');
+
+        const shouldTriggerLineEvent = triggerLineEvent === true || triggerEvent === true || triggerEvent === 'line';
+        const shouldTriggerAreaEvent = triggerLineEvent === true || triggerEvent === true || triggerEvent === 'area';
+
+        shouldTriggerLineEvent && this.packEventData(seriesModel, polyline);
+        shouldTriggerAreaEvent && polygon && this.packEventData(seriesModel, polygon);
     }
 
     private packEventData(seriesModel: LineSeriesModel, el: Element) {