@zhsz/cool-design-dv
Version:
447 lines (446 loc) • 11.4 kB
TypeScript
import type { Ref } from 'vue';
export declare function useChart($emit: any, props: {
[key: string]: any;
}, page?: {
widthScale?: Ref<number>;
heightScale?: Ref<number>;
settings?: Ref<{
color: string;
fill: string;
textColor: string;
colors: string[];
[key: string]: any;
}>;
} | null): {
resize: ($el?: HTMLElement) => void;
width: Ref<number>;
height: Ref<number>;
loading: Ref<boolean>;
theme: import("vue").ComputedRef<Readonly<{
color: any;
backgroundColor: string;
textStyle: {
fontSize: number;
};
title: {
color: any;
subtextStyle: {
color: string;
};
};
line: {
itemStyle: {
borderWidth: number;
};
lineStyle: {
width: number;
};
symbolSize: number;
symbol: string;
smooth: boolean;
};
radar: {
itemStyle: {
borderWidth: string;
};
areaStyle: {
opacity: number;
};
lineStyle: {
width: number;
};
symbolSize: string;
symbol: string;
smooth: boolean;
};
bar: {
itemStyle: {
barBorderWidth: string;
barBorderColor: any;
};
emphasis: {
barBorderWidth: string;
barBorderColor: any;
};
};
pie: {
itemStyle: {
borderWidth: string;
borderColor: any;
};
emphasis: {
borderWidth: string;
borderColor: any;
};
};
scatter: {
itemStyle: {
borderWidth: string;
borderColor: any;
};
emphasis: {
borderWidth: string;
borderColor: any;
};
};
boxplot: {
itemStyle: {
borderWidth: string;
borderColor: any;
};
emphasis: {
borderWidth: string;
borderColor: any;
};
};
parallel: {
itemStyle: {
borderWidth: string;
borderColor: any;
};
emphasis: {
borderWidth: string;
borderColor: any;
};
};
sankey: {
itemStyle: {
borderWidth: string;
borderColor: any;
};
emphasis: {
borderWidth: string;
borderColor: any;
};
};
funnel: {
itemStyle: {
borderWidth: string;
borderColor: any;
};
emphasis: {
borderWidth: string;
borderColor: any;
};
};
gauge: {
itemStyle: {
borderWidth: string;
borderColor: any;
};
emphasis: {
borderWidth: string;
borderColor: any;
};
};
candlestick: {
itemStyle: {
color: string;
color0: string;
borderColor: string;
borderColor0: string;
borderWidth: number;
};
};
graph: {
itemStyle: {
borderWidth: string;
borderColor: any;
};
lineStyle: {
width: number;
color: string;
};
symbolSize: string;
symbol: string;
smooth: boolean;
color: string[];
label: {
color: any;
};
};
map: {
itemStyle: {
borderColor: string;
borderWidth: number;
areaColor: {
type: string;
x: number;
y: number;
r: number;
colorStops: {
offset: number;
color: string;
}[];
};
};
emphasis: {
label: {
color: string;
show: boolean;
};
itemStyle: {
areaColor: string;
};
};
};
geo: {
show: boolean;
roam: boolean;
layoutSize: string;
z: number;
emphasis: {
itemStyle: {
label: {
show: boolean;
};
areaColor: string;
borderWidth: number;
shadowOffsetX: number;
shadowOffsetY: number;
};
label: {
show: boolean;
color: string;
};
};
itemStyle: {
areaColor: {
type: string;
x: number;
y: number;
r: number;
colorStops: {
offset: number;
color: string;
}[];
};
borderColor: any;
borderWidth: number;
shadowBlur: number;
shadowColor: string;
shadowOffsetY: number;
};
label: {
color: string;
};
};
categoryAxis: {
axisLine: {
show: boolean;
lineStyle: {
color: any;
width: number;
};
};
axisTick: {
show: boolean;
lineStyle: {
color: any;
};
};
axisLabel: {
show: boolean;
color: any;
};
splitLine: {
show: boolean;
lineStyle: {
color: string[];
};
};
splitArea: {
show: boolean;
areaStyle: {
color: string[];
};
};
};
valueAxis: {
nameTextStyle: {
color: any;
};
axisLine: {
show: boolean;
lineStyle: {
color: string;
};
};
axisTick: {
show: boolean;
lineStyle: {
color: string;
};
};
axisLabel: {
show: boolean;
color: any;
};
splitLine: {
show: boolean;
lineStyle: {
type: string;
color: string[];
};
};
splitArea: {
show: boolean;
areaStyle: {
color: string[];
};
};
};
logAxis: {
axisLine: {
show: boolean;
lineStyle: {
color: string;
};
};
axisTick: {
show: boolean;
lineStyle: {
color: string;
};
};
axisLabel: {
show: boolean;
color: string;
};
splitLine: {
show: boolean;
lineStyle: {
color: string[];
};
};
splitArea: {
show: boolean;
areaStyle: {
color: string[];
};
};
};
timeAxis: {
axisLine: {
show: boolean;
lineStyle: {
color: string;
};
};
axisTick: {
show: boolean;
lineStyle: {
color: string;
};
};
axisLabel: {
show: boolean;
color: string;
};
splitLine: {
show: boolean;
lineStyle: {
color: string[];
};
};
splitArea: {
show: boolean;
areaStyle: {
color: string[];
};
};
};
toolbox: {
emphasis: {
iconStyle: {
borderColor: any;
};
};
};
legend: {
align: string;
textStyle: {
color: any;
};
};
tooltip: {
trigger: string;
axisPointer: {
type: string;
label: {
backgroundColor: string;
};
lineStyle: {
color: string;
width: string;
};
crossStyle: {
color: string;
width: string;
};
};
};
timeline: {
lineStyle: {
color: string;
width: number;
};
itemStyle: {
color: string;
borderWidth: number;
};
emphasis: {
itemStyle: {
color: string;
};
controlStyle: {
color: any;
borderColor: any;
borderWidth: number;
};
label: {
color: any;
};
};
controlStyle: {
color: any;
borderColor: any;
borderWidth: number;
};
checkpointStyle: {
color: string;
borderColor: string;
};
label: {
color: any;
};
};
visualMap: {
left: number;
bottom: number;
color: string[];
textStyle: {
color: string;
};
};
dataZoom: {
backgroundColor: string;
dataBackgroundColor: string;
fillerColor: string;
handleColor: string;
handleSize: string;
textStyle: {
color: any;
};
};
markPoint: {
label: {
color: any;
};
emphasis: {
color: any;
};
};
}>>;
chartData: Ref<any>;
};