feat(custom): reusable custom series

src/chart/custom/CustomSeriesManager.ts

@@ -0,0 +1,17 @@
+import { CustomSeriesRenderItem } from './CustomSeries';
+
+const customRenderers: {[type: string]: CustomSeriesRenderItem} = {};
+
+class CustomSeriesManager {
+
+    static register = function (type: string, creator: CustomSeriesRenderItem): void {
+        customRenderers[type] = creator;
+    };
+
+    static get = function (type: string): CustomSeriesRenderItem {
+        return customRenderers[type];
+    }
+
+}
+
+export default CustomSeriesManager;

src/chart/custom/CustomView.ts

@@ -591,7 +591,11 @@ function makeRenderItem(
     ecModel: GlobalModel,
     api: ExtensionAPI
 ) {
-    const renderItem = customSeries.get('renderItem');
+    const type = customSeries.get('type').split('.');
+    const customRenderer = type.length > 1
+        ? ecModel.getCustomRenderer(type[1])
+        : null;
+    const renderItem = customRenderer || customSeries.get('renderItem');
     const coordSys = customSeries.coordinateSystem;
     let prepareResult = {} as ReturnType<PrepareCustomInfo>;
 

src/core/echarts.ts

@@ -51,6 +51,7 @@ import ComponentModel from '../model/Component';
 import SeriesModel from '../model/Series';
 import ComponentView, {ComponentViewConstructor} from '../view/Component';
 import ChartView, {ChartViewConstructor} from '../view/Chart';
+import {CustomSeriesRenderItem} from '../chart/custom/CustomSeries';
 import * as graphic from '../util/graphic';
 import {getECData} from '../util/innerStore';
 import {
@@ -132,6 +133,7 @@ import lifecycle, {
 import { platformApi, setPlatformAPI } from 'zrender/src/core/platform';
 import { getImpl } from './impl';
 import type geoSourceManager from '../coord/geo/geoSourceManager';
+import CustomSeriesManager from '../chart/custom/CustomSeriesManager';
 
 declare let global: any;
 
@@ -2893,6 +2895,10 @@ export function getCoordinateSystemDimensions(type: string): DimensionDefinition
     }
 }
 
+export function registerCustomSeries(seriesType: string, renderItem: CustomSeriesRenderItem) {
+    CustomSeriesManager.register(seriesType, renderItem);
+}
+
 export {registerLocale} from './locale';
 
 /**

src/model/Global.ts

@@ -62,6 +62,7 @@ import { concatInternalOptions } from './internalComponentCreator';
 import { LocaleOption } from '../core/locale';
 import {PaletteMixin} from './mixin/palette';
 import { error, warn } from '../util/log';
+import CustomSeriesManager from '../chart/custom/CustomSeriesManager';
 
 export interface GlobalModelSetOptionOpts {
     replaceMerge: ComponentMainType | ComponentMainType[];
@@ -161,6 +162,8 @@ class GlobalModel extends Model<ECUnitOption> {
 
     private _optionManager: OptionManager;
 
+    private _customSeriesManager: CustomSeriesManager;
+
     private _componentsMap: HashMap<ComponentModel[], ComponentMainType>;
 
     /**
@@ -410,14 +413,20 @@ class GlobalModel extends Model<ECUnitOption> {
                 }
                 else {
                     const isSeriesType = mainType === 'series';
+
+                    let subType = resultItem.keyInfo.subType;
+                    if (subType && subType.startsWith('custom.')) {
+                        subType = 'custom';
+                    }
+
                     const ComponentModelClass = (ComponentModel as ComponentModelConstructor).getClass(
-                        mainType, resultItem.keyInfo.subType,
+                        mainType,
+                        subType,
                         !isSeriesType // Give a more detailed warn later if series don't exists
                     );
 
                     if (!ComponentModelClass) {
                         if (__DEV__) {
-                            const subType = resultItem.keyInfo.subType;
                             const seriesImportName = BUILTIN_CHARTS_MAP[subType as keyof typeof BUILTIN_CHARTS_MAP];
                             if (!componetsMissingLogPrinted[subType]) {
                                 componetsMissingLogPrinted[subType] = true;
@@ -578,6 +587,10 @@ echarts.use([${seriesImportName}]);`);
         }
     }
 
+    getCustomRenderer(type: string) {
+        return CustomSeriesManager.get(type);
+    }
+
     /**
      * @return Never be null/undefined.
      */