前端折线图中背景_前端可视化开发（三）基础元素

class Part {/*** 图形元素的名称*/public partName: string &＃61; &＃39;&＃39;;
​/*** 图形元素的id*/public partId: string &＃61; &＃39;&＃39;;
​/*** 图形的类型&＃xff0c;比如part&＃xff0c;component&＃xff0c; template*/public partType: string &＃61; &＃39;&＃39;;
​/*** 第一级表示标识*/public sourceType: string &＃61; &＃39;&＃39;;
​/*** 第二级表示标识*/public type: string &＃61; &＃39;&＃39;;
​/*** 第三级表示标识*/public childType: string &＃61; &＃39;&＃39;;
​/*** 图形元素的图层*/public layer: number &＃61; 0;/*** 基本的样式*/public partStyle: PartStyle;
}
​
class PartStyle {/*** 图形元素的x坐标*/public x: number;
​/*** 图形元素的y坐标*/public y: number;
​/*** 图形元素的宽度*/public width: number;
​/*** 图形元素的高度*/public height: number;
​/*** 图形元素的角度*/public angle: number;
​/*** 图形元素的背景颜色*/public backgroundColor: string;
​/*** 图形元素的透明度* 1~100*/public opacity: number;
}

export abstract class LifeCircle {/*** 初始化类对象*/abstract init(domId: string, opts?: any): void;
​/*** 销毁类对象*/abstract destroyed(): void;
}

export abstract class AbstractPart extends LifeCircle {/*** 获取类对象纯属性*/public abstract getPartAllProps(): Model.Part;
​/*** 设置类对象纯属性*/public abstract setPartAllProps(partType: any): void;
​/*** 设置公共和私有的实例样式属性*/public abstract setPublicStyle(option: any): void;public abstract setPrivateStyle(option: any): void;/*** 设置静态数据*/public abstract setStaticData(option: any): void;/*** 设置实例的事件*/public abstract setPublicPartEvent(): void;public abstract setPrivatePartEvent(): void;
​/*** 设置实例内置的动画*/public abstract setInnerAnimation(): void;
​/*** 设置实例外置的动画*/public abstract setOuterAnimation(): void;
}