@qn-pandora/pandora-visualization
Version:
Pandora 通用可视化库
395 lines (394 loc) • 14.9 kB
JavaScript
;
var _a;
Object.defineProperty(exports, "__esModule", { value: true });
exports.InitLineDataConfig = exports.ETooltipType = exports.EAxisMinMaxValue = exports.EAxisMinMaxMode = exports.ESankeyMode = exports.ENumberEmptyMode = exports.ELabelType = exports.IBarMarkPointType = exports.EPoint = exports.ESingleFieldTrendMode = exports.ESingleFieldPosition = exports.ValueAxisTypeOptions = exports.AxisTypeOptions = exports.axisPositionOptions = exports.zoomOptions = exports.ILineMarkPointType = exports.zeroDisplayMode = exports.BubbleChartDefaultSettings = exports.ESizeType = exports.regressionOptions = exports.radarChartTypes = exports.InitDataFontStyle = exports.InitTitleFont = exports.InitNormalFont = exports.enableOptions = exports.pieRingTitleDataOptions = exports.pieDisplayModeOptions = exports.legendValueFormatOptions = exports.LegendValueDisplayLabel = exports.ChartMode = exports.ChartTypeMap = exports.ChartType = exports.EBaseLineBound = exports.EBaseLineLineType = exports.ELineBarMode = exports.EScatterMode = exports.EBaseLineType = exports.OVERLAP_LINE_SUFFIX = void 0;
var pandora_app_component_1 = require("@qn-pandora/pandora-app-component");
Object.defineProperty(exports, "EBaseLineType", { enumerable: true, get: function () { return pandora_app_component_1.EBaseLineType; } });
Object.defineProperty(exports, "EScatterMode", { enumerable: true, get: function () { return pandora_app_component_1.EScatterMode; } });
Object.defineProperty(exports, "ELineBarMode", { enumerable: true, get: function () { return pandora_app_component_1.ELineBarMode; } });
Object.defineProperty(exports, "EBaseLineLineType", { enumerable: true, get: function () { return pandora_app_component_1.EBaseLineLineType; } });
Object.defineProperty(exports, "EBaseLineBound", { enumerable: true, get: function () { return pandora_app_component_1.EBaseLineBound; } });
var type_1 = require("@qn-pandora/pandora-app-component/es/components/LegendColorPanel/type");
Object.defineProperty(exports, "OVERLAP_LINE_SUFFIX", { enumerable: true, get: function () { return type_1.OVERLAP_LINE_SUFFIX; } });
var type_2 = require("./language/base/type");
var type_3 = require("./language/two_dimension/type");
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 = exports.ChartType || (exports.ChartType = {}));
/**
* 全部内置图表,用来判断是否是自定义图表
* 不在内置图表里面即为自定义图表
* 注:ChartType.Pie 没有真正对应图表
*/
exports.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);
var ChartMode;
(function (ChartMode) {
ChartMode["Chart"] = "chart";
ChartMode["Dashboard"] = "dashboard";
})(ChartMode = exports.ChartMode || (exports.ChartMode = {}));
exports.LegendValueDisplayLabel = {
min: type_2.BaseLocale.min,
max: type_2.BaseLocale.max,
avg: type_2.BaseLocale.legend.number.avg,
current: type_2.BaseLocale.legend.number.current,
total: type_2.BaseLocale.legend.number.total,
median: type_2.BaseLocale.legend.number.median,
mode: type_2.BaseLocale.legend.number.mode
};
exports.legendValueFormatOptions = [
{
value: "value" /* Value */,
label: type_2.BaseLocale.legend.number.value
},
{
value: "percent" /* Percent */,
label: type_2.BaseLocale.legend.number.percent
}
];
exports.pieDisplayModeOptions = [
{ value: "bucket" /* BucketMode */, item: '分组模式' },
{ value: "metric" /* MetricMode */, item: '指标模式' }
];
exports.pieRingTitleDataOptions = [
{
value: "hide" /* Hide */,
item: type_2.BaseLocale.off
},
{
value: "value" /* Value */,
item: type_2.BaseLocale.legend.number.value
},
{
value: "percent" /* Percent */,
item: type_2.BaseLocale.legend.number.percent
}
];
exports.enableOptions = [
{
value: "off" /* Off */,
item: type_2.BaseLocale.disable
},
{
value: "on" /* On */,
item: type_2.BaseLocale.enable
}
];
exports.InitNormalFont = {
color: '',
fontSize: 0
};
exports.InitTitleFont = {
color: '#42526E',
fontSize: 20
};
exports.InitDataFontStyle = {
color: '#C1C7D0',
fontSize: 36
};
exports.radarChartTypes = [
{
value: "polygon" /* Polygon */,
item: '多边形'
},
{
value: "circle" /* Circle */,
item: '圆形'
}
];
/**散点图 */
exports.regressionOptions = [
{
value: "none" /* None */,
text: '无'
},
{
value: "linear" /* Linear */,
text: '线性'
},
{
value: "exponential" /* Exponential */,
text: '指数'
},
{
value: "logarithmic" /* Logarithmic */,
text: '对数'
},
{
value: "polynomial" /* Polynomial */,
text: '多项式'
}
];
// 气泡直径设置方式
var ESizeType;
(function (ESizeType) {
ESizeType["Dynamic"] = "dynamic";
ESizeType["Static"] = "static";
})(ESizeType = exports.ESizeType || (exports.ESizeType = {}));
exports.BubbleChartDefaultSettings = {
min: 5,
max: 30
};
exports.zeroDisplayMode = [
{ value: "on" /* On */, item: '显示' },
{ value: "off" /* Off */, item: '隐藏' }
];
var ILineMarkPointType;
(function (ILineMarkPointType) {
ILineMarkPointType["Hide"] = "hide";
ILineMarkPointType["Show"] = "show";
ILineMarkPointType["MinAndMax"] = "min_max";
})(ILineMarkPointType = exports.ILineMarkPointType || (exports.ILineMarkPointType = {}));
exports.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: '年'
}
];
exports.axisPositionOptions = [
{
value: "top" /* Top */,
item: '上'
},
{
value: "bottom" /* Bottom */,
item: '下'
},
{
value: "both" /* Both */,
item: '上和下'
}
];
exports.AxisTypeOptions = [
{
value: "value" /* Value */,
item: type_3.TowDimensionLocale.axis.type.value
},
{
value: "log" /* Log */,
item: type_3.TowDimensionLocale.axis.type.log
},
{
value: "time" /* Time */,
item: type_3.TowDimensionLocale.axis.type.time
},
{
value: "category" /* Category */,
item: type_3.TowDimensionLocale.axis.type.category
}
];
exports.ValueAxisTypeOptions = [
{
value: "value" /* Value */,
item: type_3.TowDimensionLocale.axis.type.value
},
{
value: "log" /* Log */,
item: type_3.TowDimensionLocale.axis.type.log
}
];
var ESingleFieldPosition;
(function (ESingleFieldPosition) {
ESingleFieldPosition["Bottom"] = "bottom";
ESingleFieldPosition["Right"] = "right";
})(ESingleFieldPosition = exports.ESingleFieldPosition || (exports.ESingleFieldPosition = {}));
var ESingleFieldTrendMode;
(function (ESingleFieldTrendMode) {
ESingleFieldTrendMode["None"] = "none";
ESingleFieldTrendMode["Value"] = "value";
ESingleFieldTrendMode["Arrow"] = "arrow";
ESingleFieldTrendMode["ValueAndArrow"] = "valueAndArrow";
ESingleFieldTrendMode["ZeroAndNotZero"] = "zeroAndNotZero";
})(ESingleFieldTrendMode = exports.ESingleFieldTrendMode || (exports.ESingleFieldTrendMode = {}));
var EPoint;
(function (EPoint) {
EPoint["Circle"] = "circle";
EPoint["Rect"] = "Rect";
EPoint["Diamond"] = "diamond";
EPoint["Pin"] = "pin";
EPoint["Arrow"] = "arrow";
EPoint["None"] = "none";
})(EPoint = exports.EPoint || (exports.EPoint = {}));
var IBarMarkPointType;
(function (IBarMarkPointType) {
IBarMarkPointType["Hide"] = "hide";
IBarMarkPointType["Center"] = "center";
IBarMarkPointType["Top"] = "top";
})(IBarMarkPointType = exports.IBarMarkPointType || (exports.IBarMarkPointType = {}));
var ELabelType;
(function (ELabelType) {
ELabelType["Field"] = "field";
ELabelType["Number"] = "number";
ELabelType["Percent"] = "percent";
})(ELabelType = exports.ELabelType || (exports.ELabelType = {}));
var ENumberEmptyMode;
(function (ENumberEmptyMode) {
ENumberEmptyMode["Zero"] = "0";
ENumberEmptyMode["Empty"] = "empty";
})(ENumberEmptyMode = exports.ENumberEmptyMode || (exports.ENumberEmptyMode = {}));
var ESankeyMode;
(function (ESankeyMode) {
ESankeyMode["Level2"] = "level2";
ESankeyMode["Multistage"] = "multistage";
})(ESankeyMode = exports.ESankeyMode || (exports.ESankeyMode = {}));
var EAxisMinMaxMode;
(function (EAxisMinMaxMode) {
EAxisMinMaxMode["Auto"] = "auto";
EAxisMinMaxMode["Custom"] = "custom";
})(EAxisMinMaxMode = exports.EAxisMinMaxMode || (exports.EAxisMinMaxMode = {}));
var EAxisMinMaxValue;
(function (EAxisMinMaxValue) {
EAxisMinMaxValue["Min"] = "dataMin";
EAxisMinMaxValue["Max"] = "dataMax";
})(EAxisMinMaxValue = exports.EAxisMinMaxValue || (exports.EAxisMinMaxValue = {}));
var ETooltipType;
(function (ETooltipType) {
ETooltipType["Legend"] = "legend";
ETooltipType["NumberAsc"] = "asc";
ETooltipType["NumberDesc"] = "desc";
})(ETooltipType = exports.ETooltipType || (exports.ETooltipType = {}));
exports.InitLineDataConfig = {
smoothLine: false,
point: {
type: EPoint.None,
size: undefined,
borderColor: undefined,
borderWidth: undefined
},
markPointType: ILineMarkPointType.Hide
};