@qn-pandora/pandora-visualization
Version:
Pandora 通用可视化库
387 lines (386 loc) • 12.7 kB
JavaScript
var _a;
import { EBaseLineType, EScatterMode, ELineBarMode, EBaseLineLineType, EBaseLineBound } from '@qn-pandora/pandora-app-component';
import { OVERLAP_LINE_SUFFIX } from '@qn-pandora/pandora-app-component/es/components/LegendColorPanel/type';
import { BaseLocale } from './language/base/type';
import { TowDimensionLocale } from './language/two_dimension/type';
export { OVERLAP_LINE_SUFFIX, EBaseLineType, EScatterMode, ELineBarMode, EBaseLineLineType, EBaseLineBound };
export var ChartType;
(function (ChartType) {
ChartType["Line"] = "line";
ChartType["StackLine"] = "stackLine";
ChartType["PercentageLine"] = "percentageLine";
ChartType["Area"] = "area";
ChartType["StackArea"] = "stackArea";
ChartType["PercentageArea"] = "percentageArea";
ChartType["Bar"] = "bar";
ChartType["StackBar"] = "stackBar";
ChartType["PercentageBar"] = "percentageBar";
ChartType["VerticalBar"] = "verticalBar";
ChartType["StackVerticalBar"] = "StackVerticalBar";
ChartType["PercentageVerticalBar"] = "PercentageVerticalBar";
ChartType["LineBar"] = "lineBar";
ChartType["LineBarY2"] = "lineBarY2";
ChartType["LineY2"] = "lineY2";
ChartType["Pie"] = "pie";
ChartType["PieBucket"] = "pieBucket";
ChartType["PieMetric"] = "pieMetric";
ChartType["PieRingBucket"] = "pieRingBucket";
ChartType["PieRingMetric"] = "pieRingMetric";
ChartType["PieRoseBucket"] = "pieRoseBucket";
ChartType["PieRoseMetric"] = "pieRoseMetric";
ChartType["MapColorChina"] = "mapColorChina";
ChartType["MapColorWorld"] = "mapColorWorld";
ChartType["MapBubbleChina"] = "mapBubbleChina";
ChartType["MapBubbleWorld"] = "mapBubbleWorld";
ChartType["MapboxBubble"] = "mapboxBubble";
ChartType["MapboxPath"] = "mapboxPath";
ChartType["SingleValue"] = "singleValue";
ChartType["SingleGauge"] = "singleGauge";
ChartType["SinglePercent"] = "singlePercent";
ChartType["Scatter"] = "scatter";
ChartType["Bubble"] = "bubble";
ChartType["Editor"] = "editor";
ChartType["MigrationChina"] = "migrationChina";
ChartType["MigrationWorld"] = "migrationWorld";
ChartType["RelationHorizontal"] = "relationHorizontal";
ChartType["RelationCircular"] = "relationCircular";
ChartType["Sankey"] = "sankey";
ChartType["RadarBucket"] = "radarBucket";
ChartType["RadarMetric"] = "radarMetric";
ChartType["GridTable"] = "gridTable";
ChartType["TreeTable"] = "treeTable";
ChartType["Sunburst"] = "sunburst";
ChartType["Outlier"] = "outlier";
ChartType["TimeLine"] = "timeline";
ChartType["StatusPanel"] = "statusPanel";
ChartType["MetricPanel"] = "metricPanel";
ChartType["CapsuleBar"] = "capsuleBar";
ChartType["LogEvent"] = "logEvent";
ChartType["Honeycomb"] = "honeycombGraph";
ChartType["TopoLogy"] = "topology";
})(ChartType || (ChartType = {}));
/**
* 全部内置图表,用来判断是否是自定义图表
* 不在内置图表里面即为自定义图表
* 注:ChartType.Pie 没有真正对应图表
*/
export var ChartTypeMap = (_a = {},
_a[ChartType.Line] = ChartType.Line,
_a[ChartType.StackLine] = ChartType.StackLine,
_a[ChartType.PercentageLine] = ChartType.PercentageLine,
_a[ChartType.Area] = ChartType.Area,
_a[ChartType.StackArea] = ChartType.StackArea,
_a[ChartType.PercentageArea] = ChartType.PercentageArea,
_a[ChartType.Bar] = ChartType.Bar,
_a[ChartType.StackBar] = ChartType.StackBar,
_a[ChartType.PercentageBar] = ChartType.PercentageBar,
_a[ChartType.VerticalBar] = ChartType.VerticalBar,
_a[ChartType.StackVerticalBar] = ChartType.StackVerticalBar,
_a[ChartType.PercentageVerticalBar] = ChartType.PercentageVerticalBar,
_a[ChartType.LineBar] = ChartType.LineBar,
_a[ChartType.LineBarY2] = ChartType.LineBarY2,
_a[ChartType.LineY2] = ChartType.LineY2,
_a[ChartType.PieBucket] = ChartType.PieBucket,
_a[ChartType.PieMetric] = ChartType.PieMetric,
_a[ChartType.PieRingBucket] = ChartType.PieRingBucket,
_a[ChartType.PieRingMetric] = ChartType.PieRingMetric,
_a[ChartType.PieRoseBucket] = ChartType.PieRoseBucket,
_a[ChartType.PieRoseMetric] = ChartType.PieRoseMetric,
_a[ChartType.MapColorChina] = ChartType.MapColorChina,
_a[ChartType.MapColorWorld] = ChartType.MapColorWorld,
_a[ChartType.MapBubbleChina] = ChartType.MapBubbleChina,
_a[ChartType.MapBubbleWorld] = ChartType.MapBubbleWorld,
_a[ChartType.MapboxBubble] = ChartType.MapboxBubble,
_a[ChartType.MapboxPath] = ChartType.MapboxPath,
_a[ChartType.SingleValue] = ChartType.SingleValue,
_a[ChartType.SingleGauge] = ChartType.SingleGauge,
_a[ChartType.SinglePercent] = ChartType.SinglePercent,
_a[ChartType.Scatter] = ChartType.Scatter,
_a[ChartType.Bubble] = ChartType.Bubble,
_a[ChartType.Editor] = ChartType.Editor,
_a[ChartType.MigrationChina] = ChartType.MigrationChina,
_a[ChartType.MigrationWorld] = ChartType.MigrationWorld,
_a[ChartType.RelationHorizontal] = ChartType.RelationHorizontal,
_a[ChartType.RelationCircular] = ChartType.RelationCircular,
_a[ChartType.Sankey] = ChartType.Sankey,
_a[ChartType.RadarBucket] = ChartType.RadarBucket,
_a[ChartType.RadarMetric] = ChartType.RadarMetric,
_a[ChartType.GridTable] = ChartType.GridTable,
_a[ChartType.TreeTable] = ChartType.TreeTable,
_a[ChartType.Sunburst] = ChartType.Sunburst,
_a[ChartType.Outlier] = ChartType.Outlier,
_a[ChartType.TimeLine] = ChartType.TimeLine,
_a[ChartType.StatusPanel] = ChartType.StatusPanel,
_a[ChartType.MetricPanel] = ChartType.MetricPanel,
_a[ChartType.CapsuleBar] = ChartType.CapsuleBar,
_a[ChartType.LogEvent] = ChartType.LogEvent,
_a[ChartType.Honeycomb] = ChartType.Honeycomb,
_a[ChartType.TopoLogy] = ChartType.TopoLogy,
_a);
export var ChartMode;
(function (ChartMode) {
ChartMode["Chart"] = "chart";
ChartMode["Dashboard"] = "dashboard";
})(ChartMode || (ChartMode = {}));
export var LegendValueDisplayLabel = {
min: BaseLocale.min,
max: BaseLocale.max,
avg: BaseLocale.legend.number.avg,
current: BaseLocale.legend.number.current,
total: BaseLocale.legend.number.total,
median: BaseLocale.legend.number.median,
mode: BaseLocale.legend.number.mode
};
export var legendValueFormatOptions = [
{
value: "value" /* Value */,
label: BaseLocale.legend.number.value
},
{
value: "percent" /* Percent */,
label: BaseLocale.legend.number.percent
}
];
export var pieDisplayModeOptions = [
{ value: "bucket" /* BucketMode */, item: '分组模式' },
{ value: "metric" /* MetricMode */, item: '指标模式' }
];
export var pieRingTitleDataOptions = [
{
value: "hide" /* Hide */,
item: BaseLocale.off
},
{
value: "value" /* Value */,
item: BaseLocale.legend.number.value
},
{
value: "percent" /* Percent */,
item: BaseLocale.legend.number.percent
}
];
export var enableOptions = [
{
value: "off" /* Off */,
item: BaseLocale.disable
},
{
value: "on" /* On */,
item: BaseLocale.enable
}
];
export var InitNormalFont = {
color: '',
fontSize: 0
};
export var InitTitleFont = {
color: '#42526E',
fontSize: 20
};
export var InitDataFontStyle = {
color: '#C1C7D0',
fontSize: 36
};
export var radarChartTypes = [
{
value: "polygon" /* Polygon */,
item: '多边形'
},
{
value: "circle" /* Circle */,
item: '圆形'
}
];
/**散点图 */
export var regressionOptions = [
{
value: "none" /* None */,
text: '无'
},
{
value: "linear" /* Linear */,
text: '线性'
},
{
value: "exponential" /* Exponential */,
text: '指数'
},
{
value: "logarithmic" /* Logarithmic */,
text: '对数'
},
{
value: "polynomial" /* Polynomial */,
text: '多项式'
}
];
// 气泡直径设置方式
export var ESizeType;
(function (ESizeType) {
ESizeType["Dynamic"] = "dynamic";
ESizeType["Static"] = "static";
})(ESizeType || (ESizeType = {}));
export var BubbleChartDefaultSettings = {
min: 5,
max: 30
};
export var zeroDisplayMode = [
{ value: "on" /* On */, item: '显示' },
{ value: "off" /* Off */, item: '隐藏' }
];
export var ILineMarkPointType;
(function (ILineMarkPointType) {
ILineMarkPointType["Hide"] = "hide";
ILineMarkPointType["Show"] = "show";
ILineMarkPointType["MinAndMax"] = "min_max";
})(ILineMarkPointType || (ILineMarkPointType = {}));
export var zoomOptions = [
{
value: "none" /* None */,
text: '无限制'
},
{
value: "ms10" /* Ms10 */,
text: '10毫秒'
},
{
value: "minute" /* Minute */,
text: '分钟'
},
{
value: "hour" /* Hour */,
text: '小时'
},
{
value: "day" /* Day */,
text: '天'
},
{
value: "week" /* Week */,
text: '周'
},
{
value: "month" /* Month */,
text: '月'
},
{
value: "quarter" /* Quarter */,
text: '季度'
},
{
value: "year" /* Year */,
text: '年'
}
];
export var axisPositionOptions = [
{
value: "top" /* Top */,
item: '上'
},
{
value: "bottom" /* Bottom */,
item: '下'
},
{
value: "both" /* Both */,
item: '上和下'
}
];
export var AxisTypeOptions = [
{
value: "value" /* Value */,
item: TowDimensionLocale.axis.type.value
},
{
value: "log" /* Log */,
item: TowDimensionLocale.axis.type.log
},
{
value: "time" /* Time */,
item: TowDimensionLocale.axis.type.time
},
{
value: "category" /* Category */,
item: TowDimensionLocale.axis.type.category
}
];
export var ValueAxisTypeOptions = [
{
value: "value" /* Value */,
item: TowDimensionLocale.axis.type.value
},
{
value: "log" /* Log */,
item: TowDimensionLocale.axis.type.log
}
];
export var ESingleFieldPosition;
(function (ESingleFieldPosition) {
ESingleFieldPosition["Bottom"] = "bottom";
ESingleFieldPosition["Right"] = "right";
})(ESingleFieldPosition || (ESingleFieldPosition = {}));
export var ESingleFieldTrendMode;
(function (ESingleFieldTrendMode) {
ESingleFieldTrendMode["None"] = "none";
ESingleFieldTrendMode["Value"] = "value";
ESingleFieldTrendMode["Arrow"] = "arrow";
ESingleFieldTrendMode["ValueAndArrow"] = "valueAndArrow";
ESingleFieldTrendMode["ZeroAndNotZero"] = "zeroAndNotZero";
})(ESingleFieldTrendMode || (ESingleFieldTrendMode = {}));
export var EPoint;
(function (EPoint) {
EPoint["Circle"] = "circle";
EPoint["Rect"] = "Rect";
EPoint["Diamond"] = "diamond";
EPoint["Pin"] = "pin";
EPoint["Arrow"] = "arrow";
EPoint["None"] = "none";
})(EPoint || (EPoint = {}));
export var IBarMarkPointType;
(function (IBarMarkPointType) {
IBarMarkPointType["Hide"] = "hide";
IBarMarkPointType["Center"] = "center";
IBarMarkPointType["Top"] = "top";
})(IBarMarkPointType || (IBarMarkPointType = {}));
export var ELabelType;
(function (ELabelType) {
ELabelType["Field"] = "field";
ELabelType["Number"] = "number";
ELabelType["Percent"] = "percent";
})(ELabelType || (ELabelType = {}));
export var ENumberEmptyMode;
(function (ENumberEmptyMode) {
ENumberEmptyMode["Zero"] = "0";
ENumberEmptyMode["Empty"] = "empty";
})(ENumberEmptyMode || (ENumberEmptyMode = {}));
export var ESankeyMode;
(function (ESankeyMode) {
ESankeyMode["Level2"] = "level2";
ESankeyMode["Multistage"] = "multistage";
})(ESankeyMode || (ESankeyMode = {}));
export var EAxisMinMaxMode;
(function (EAxisMinMaxMode) {
EAxisMinMaxMode["Auto"] = "auto";
EAxisMinMaxMode["Custom"] = "custom";
})(EAxisMinMaxMode || (EAxisMinMaxMode = {}));
export var EAxisMinMaxValue;
(function (EAxisMinMaxValue) {
EAxisMinMaxValue["Min"] = "dataMin";
EAxisMinMaxValue["Max"] = "dataMax";
})(EAxisMinMaxValue || (EAxisMinMaxValue = {}));
export var ETooltipType;
(function (ETooltipType) {
ETooltipType["Legend"] = "legend";
ETooltipType["NumberAsc"] = "asc";
ETooltipType["NumberDesc"] = "desc";
})(ETooltipType || (ETooltipType = {}));
export var InitLineDataConfig = {
smoothLine: false,
point: {
type: EPoint.None,
size: undefined,
borderColor: undefined,
borderWidth: undefined
},
markPointType: ILineMarkPointType.Hide
};