1235 lines
45 KiB
Java
1235 lines
45 KiB
Java
import { __assign } from "tslib";
|
|
import * as TOOLTIP_CSS_CONST from '@antv/component/lib/tooltip/css-const';
|
|
import { ext } from '@antv/matrix-util';
|
|
import { deepMix } from '@antv/util';
|
|
import { getAngle } from '../util/graphics';
|
|
/**
|
|
* 根据主题样式表生成主题结构
|
|
* @param styleSheet 主题样式表
|
|
*/
|
|
export function createThemeByStylesheet(styleSheet) {
|
|
var _a;
|
|
var shapeStyles = {
|
|
point: {
|
|
default: {
|
|
fill: styleSheet.pointFillColor,
|
|
r: styleSheet.pointSize,
|
|
stroke: styleSheet.pointBorderColor,
|
|
lineWidth: styleSheet.pointBorder,
|
|
fillOpacity: styleSheet.pointFillOpacity,
|
|
},
|
|
active: {
|
|
stroke: styleSheet.pointActiveBorderColor,
|
|
lineWidth: styleSheet.pointActiveBorder,
|
|
},
|
|
selected: {
|
|
stroke: styleSheet.pointSelectedBorderColor,
|
|
lineWidth: styleSheet.pointSelectedBorder,
|
|
},
|
|
inactive: {
|
|
fillOpacity: styleSheet.pointInactiveFillOpacity,
|
|
strokeOpacity: styleSheet.pointInactiveBorderOpacity,
|
|
}
|
|
},
|
|
hollowPoint: {
|
|
default: {
|
|
fill: styleSheet.hollowPointFillColor,
|
|
lineWidth: styleSheet.hollowPointBorder,
|
|
stroke: styleSheet.hollowPointBorderColor,
|
|
strokeOpacity: styleSheet.hollowPointBorderOpacity,
|
|
r: styleSheet.hollowPointSize,
|
|
},
|
|
active: {
|
|
stroke: styleSheet.hollowPointActiveBorderColor,
|
|
strokeOpacity: styleSheet.hollowPointActiveBorderOpacity,
|
|
},
|
|
selected: {
|
|
lineWidth: styleSheet.hollowPointSelectedBorder,
|
|
stroke: styleSheet.hollowPointSelectedBorderColor,
|
|
strokeOpacity: styleSheet.hollowPointSelectedBorderOpacity,
|
|
},
|
|
inactive: {
|
|
strokeOpacity: styleSheet.hollowPointInactiveBorderOpacity,
|
|
}
|
|
},
|
|
area: {
|
|
default: {
|
|
fill: styleSheet.areaFillColor,
|
|
fillOpacity: styleSheet.areaFillOpacity,
|
|
stroke: null,
|
|
},
|
|
active: {
|
|
fillOpacity: styleSheet.areaActiveFillOpacity,
|
|
},
|
|
selected: {
|
|
fillOpacity: styleSheet.areaSelectedFillOpacity,
|
|
},
|
|
inactive: {
|
|
fillOpacity: styleSheet.areaInactiveFillOpacity,
|
|
},
|
|
},
|
|
hollowArea: {
|
|
default: {
|
|
fill: null,
|
|
stroke: styleSheet.hollowAreaBorderColor,
|
|
lineWidth: styleSheet.hollowAreaBorder,
|
|
strokeOpacity: styleSheet.hollowAreaBorderOpacity,
|
|
},
|
|
active: {
|
|
fill: null,
|
|
lineWidth: styleSheet.hollowAreaActiveBorder,
|
|
},
|
|
selected: {
|
|
fill: null,
|
|
lineWidth: styleSheet.hollowAreaSelectedBorder,
|
|
},
|
|
inactive: {
|
|
strokeOpacity: styleSheet.hollowAreaInactiveBorderOpacity,
|
|
},
|
|
},
|
|
interval: {
|
|
default: {
|
|
fill: styleSheet.intervalFillColor,
|
|
fillOpacity: styleSheet.intervalFillOpacity,
|
|
},
|
|
active: {
|
|
stroke: styleSheet.intervalActiveBorderColor,
|
|
lineWidth: styleSheet.intervalActiveBorder,
|
|
},
|
|
selected: {
|
|
stroke: styleSheet.intervalSelectedBorderColor,
|
|
lineWidth: styleSheet.intervalSelectedBorder,
|
|
},
|
|
inactive: {
|
|
fillOpacity: styleSheet.intervalInactiveFillOpacity,
|
|
strokeOpacity: styleSheet.intervalInactiveBorderOpacity,
|
|
},
|
|
},
|
|
hollowInterval: {
|
|
default: {
|
|
fill: styleSheet.hollowIntervalFillColor,
|
|
stroke: styleSheet.hollowIntervalBorderColor,
|
|
lineWidth: styleSheet.hollowIntervalBorder,
|
|
strokeOpacity: styleSheet.hollowIntervalBorderOpacity,
|
|
},
|
|
active: {
|
|
stroke: styleSheet.hollowIntervalActiveBorderColor,
|
|
lineWidth: styleSheet.hollowIntervalActiveBorder,
|
|
strokeOpacity: styleSheet.hollowIntervalActiveBorderOpacity,
|
|
},
|
|
selected: {
|
|
stroke: styleSheet.hollowIntervalSelectedBorderColor,
|
|
lineWidth: styleSheet.hollowIntervalSelectedBorder,
|
|
strokeOpacity: styleSheet.hollowIntervalSelectedBorderOpacity,
|
|
},
|
|
inactive: {
|
|
stroke: styleSheet.hollowIntervalInactiveBorderColor,
|
|
lineWidth: styleSheet.hollowIntervalInactiveBorder,
|
|
strokeOpacity: styleSheet.hollowIntervalInactiveBorderOpacity,
|
|
}
|
|
},
|
|
line: {
|
|
default: {
|
|
stroke: styleSheet.lineBorderColor,
|
|
lineWidth: styleSheet.lineBorder,
|
|
strokeOpacity: styleSheet.lineBorderOpacity,
|
|
fill: null,
|
|
lineAppendWidth: 10,
|
|
},
|
|
active: {
|
|
lineWidth: styleSheet.lineActiveBorder,
|
|
},
|
|
selected: {
|
|
lineWidth: styleSheet.lineSelectedBorder,
|
|
},
|
|
inactive: {
|
|
strokeOpacity: styleSheet.lineInactiveBorderOpacity,
|
|
},
|
|
},
|
|
};
|
|
var axisStyles = {
|
|
title: {
|
|
autoRotate: true,
|
|
position: 'center',
|
|
style: {
|
|
fill: styleSheet.axisTitleTextFillColor,
|
|
fontSize: styleSheet.axisTitleTextFontSize,
|
|
lineHeight: styleSheet.axisTitleTextLineHeight,
|
|
textBaseline: 'middle',
|
|
fontFamily: styleSheet.fontFamily,
|
|
},
|
|
},
|
|
label: {
|
|
autoRotate: true,
|
|
autoHide: true,
|
|
offset: 16,
|
|
style: {
|
|
fill: styleSheet.axisLabelFillColor,
|
|
fontSize: styleSheet.axisLabelFontSize,
|
|
lineHeight: styleSheet.axisLabelLineHeight,
|
|
textBaseline: 'middle',
|
|
fontFamily: styleSheet.fontFamily,
|
|
},
|
|
},
|
|
line: {
|
|
style: {
|
|
lineWidth: styleSheet.axisLineBorder,
|
|
stroke: styleSheet.axisLineBorderColor,
|
|
},
|
|
},
|
|
tickLine: {
|
|
style: {
|
|
lineWidth: styleSheet.axisTickLineBorder,
|
|
stroke: styleSheet.axisTickLineBorderColor,
|
|
},
|
|
alignTick: true,
|
|
length: styleSheet.axisTickLineLength,
|
|
},
|
|
subTickLine: null,
|
|
animate: true,
|
|
};
|
|
var axisGridStyles = {
|
|
line: {
|
|
type: 'line',
|
|
style: {
|
|
stroke: styleSheet.axisGridBorderColor,
|
|
lineWidth: styleSheet.axisGridBorder,
|
|
lineDash: styleSheet.axisGridLineDash,
|
|
},
|
|
},
|
|
alignTick: true,
|
|
animate: true,
|
|
};
|
|
var legendStyles = {
|
|
title: null,
|
|
marker: {
|
|
symbol: 'circle',
|
|
style: {
|
|
r: styleSheet.legendCircleMarkerSize,
|
|
fill: styleSheet.legendMarkerColor,
|
|
},
|
|
},
|
|
itemName: {
|
|
spacing: 5,
|
|
style: {
|
|
fill: styleSheet.legendItemNameFillColor,
|
|
fontFamily: styleSheet.fontFamily,
|
|
fontSize: styleSheet.legendItemNameFontSize,
|
|
lineHeight: styleSheet.legendItemNameLineHeight,
|
|
fontWeight: styleSheet.legendItemNameFontWeight,
|
|
textAlign: 'start',
|
|
textBaseline: 'middle',
|
|
},
|
|
},
|
|
flipPage: true,
|
|
animate: false,
|
|
};
|
|
return {
|
|
defaultColor: styleSheet.brandColor,
|
|
padding: 'auto',
|
|
fontFamily: styleSheet.fontFamily,
|
|
/** 一般柱状图宽度占比 */
|
|
columnWidthRatio: 1 / 2,
|
|
/** 柱状图最大宽度 */
|
|
maxColumnWidth: null,
|
|
/** 柱状图最小宽度 */
|
|
minColumnWidth: null,
|
|
/** 玫瑰图占比 */
|
|
roseWidthRatio: 0.9999999,
|
|
/** 多层饼图/环图占比 */
|
|
multiplePieWidthRatio: 1 / 1.3,
|
|
colors10: styleSheet.paletteQualitative10,
|
|
colors20: styleSheet.paletteQualitative20,
|
|
shapes: {
|
|
point: [
|
|
'hollow-circle',
|
|
'hollow-square',
|
|
'hollow-bowtie',
|
|
'hollow-diamond',
|
|
'hollow-hexagon',
|
|
'hollow-triangle',
|
|
'hollow-triangle-down',
|
|
'circle',
|
|
'square',
|
|
'bowtie',
|
|
'diamond',
|
|
'hexagon',
|
|
'triangle',
|
|
'triangle-down',
|
|
'cross',
|
|
'tick',
|
|
'plus',
|
|
'hyphen',
|
|
'line',
|
|
],
|
|
line: ['line', 'dash', 'dot', 'smooth'],
|
|
area: ['area', 'smooth', 'line', 'smooth-line'],
|
|
interval: ['rect', 'hollow-rect', 'line', 'tick'],
|
|
},
|
|
sizes: [1, 10],
|
|
geometries: {
|
|
interval: {
|
|
rect: {
|
|
default: {
|
|
style: shapeStyles.interval.default,
|
|
},
|
|
active: {
|
|
style: shapeStyles.interval.active,
|
|
},
|
|
inactive: {
|
|
style: shapeStyles.interval.inactive,
|
|
},
|
|
selected: {
|
|
style: function (element) {
|
|
var coordinate = element.geometry.coordinate;
|
|
if (coordinate.isPolar && coordinate.isTransposed) {
|
|
var _a = getAngle(element.getModel(), coordinate), startAngle = _a.startAngle, endAngle = _a.endAngle;
|
|
var middleAngle = (startAngle + endAngle) / 2;
|
|
var r = 7.5;
|
|
var x = r * Math.cos(middleAngle);
|
|
var y = r * Math.sin(middleAngle);
|
|
return {
|
|
matrix: ext.transform(null, [['t', x, y]]),
|
|
};
|
|
}
|
|
return shapeStyles.interval.selected;
|
|
}
|
|
},
|
|
},
|
|
'hollow-rect': {
|
|
default: {
|
|
style: shapeStyles.hollowInterval.default,
|
|
},
|
|
active: {
|
|
style: shapeStyles.hollowInterval.active,
|
|
},
|
|
inactive: {
|
|
style: shapeStyles.hollowInterval.inactive,
|
|
},
|
|
selected: {
|
|
style: shapeStyles.hollowInterval.selected,
|
|
},
|
|
},
|
|
line: {
|
|
default: {
|
|
style: shapeStyles.hollowInterval.default,
|
|
},
|
|
active: {
|
|
style: shapeStyles.hollowInterval.active,
|
|
},
|
|
inactive: {
|
|
style: shapeStyles.hollowInterval.inactive,
|
|
},
|
|
selected: {
|
|
style: shapeStyles.hollowInterval.selected,
|
|
},
|
|
},
|
|
tick: {
|
|
default: {
|
|
style: shapeStyles.hollowInterval.default,
|
|
},
|
|
active: {
|
|
style: shapeStyles.hollowInterval.active,
|
|
},
|
|
inactive: {
|
|
style: shapeStyles.hollowInterval.inactive,
|
|
},
|
|
selected: {
|
|
style: shapeStyles.hollowInterval.selected,
|
|
},
|
|
},
|
|
funnel: {
|
|
default: {
|
|
style: shapeStyles.interval.default,
|
|
},
|
|
active: {
|
|
style: shapeStyles.interval.active,
|
|
},
|
|
inactive: {
|
|
style: shapeStyles.interval.inactive,
|
|
},
|
|
selected: {
|
|
style: shapeStyles.interval.selected,
|
|
},
|
|
},
|
|
pyramid: {
|
|
default: {
|
|
style: shapeStyles.interval.default,
|
|
},
|
|
active: {
|
|
style: shapeStyles.interval.active,
|
|
},
|
|
inactive: {
|
|
style: shapeStyles.interval.inactive,
|
|
},
|
|
selected: {
|
|
style: shapeStyles.interval.selected,
|
|
},
|
|
},
|
|
},
|
|
line: {
|
|
line: {
|
|
default: {
|
|
style: shapeStyles.line.default,
|
|
},
|
|
active: {
|
|
style: shapeStyles.line.active,
|
|
},
|
|
inactive: {
|
|
style: shapeStyles.line.inactive,
|
|
},
|
|
selected: {
|
|
style: shapeStyles.line.selected,
|
|
},
|
|
},
|
|
dot: {
|
|
default: {
|
|
style: __assign(__assign({}, shapeStyles.line.default), { lineDash: [1, 1] }),
|
|
},
|
|
active: {
|
|
style: __assign(__assign({}, shapeStyles.line.active), { lineDash: [1, 1] }),
|
|
},
|
|
inactive: {
|
|
style: __assign(__assign({}, shapeStyles.line.inactive), { lineDash: [1, 1] }),
|
|
},
|
|
selected: {
|
|
style: __assign(__assign({}, shapeStyles.line.selected), { lineDash: [1, 1] }),
|
|
},
|
|
},
|
|
dash: {
|
|
default: {
|
|
style: __assign(__assign({}, shapeStyles.line.default), { lineDash: [5.5, 1] }),
|
|
},
|
|
active: {
|
|
style: __assign(__assign({}, shapeStyles.line.active), { lineDash: [5.5, 1] }),
|
|
},
|
|
inactive: {
|
|
style: __assign(__assign({}, shapeStyles.line.inactive), { lineDash: [5.5, 1] }),
|
|
},
|
|
selected: {
|
|
style: __assign(__assign({}, shapeStyles.line.selected), { lineDash: [5.5, 1] }),
|
|
},
|
|
},
|
|
smooth: {
|
|
default: {
|
|
style: shapeStyles.line.default,
|
|
},
|
|
active: {
|
|
style: shapeStyles.line.active,
|
|
},
|
|
inactive: {
|
|
style: shapeStyles.line.inactive,
|
|
},
|
|
selected: {
|
|
style: shapeStyles.line.selected,
|
|
},
|
|
},
|
|
hv: {
|
|
default: {
|
|
style: shapeStyles.line.default,
|
|
},
|
|
active: {
|
|
style: shapeStyles.line.active,
|
|
},
|
|
inactive: {
|
|
style: shapeStyles.line.inactive,
|
|
},
|
|
selected: {
|
|
style: shapeStyles.line.selected,
|
|
},
|
|
},
|
|
vh: {
|
|
default: {
|
|
style: shapeStyles.line.default,
|
|
},
|
|
active: {
|
|
style: shapeStyles.line.active,
|
|
},
|
|
inactive: {
|
|
style: shapeStyles.line.inactive,
|
|
},
|
|
selected: {
|
|
style: shapeStyles.line.selected,
|
|
},
|
|
},
|
|
hvh: {
|
|
default: {
|
|
style: shapeStyles.line.default,
|
|
},
|
|
active: {
|
|
style: shapeStyles.line.active,
|
|
},
|
|
inactive: {
|
|
style: shapeStyles.line.inactive,
|
|
},
|
|
selected: {
|
|
style: shapeStyles.line.selected,
|
|
},
|
|
},
|
|
vhv: {
|
|
default: {
|
|
style: shapeStyles.line.default,
|
|
},
|
|
active: {
|
|
style: shapeStyles.line.active,
|
|
},
|
|
inactive: {
|
|
style: shapeStyles.line.inactive,
|
|
},
|
|
selected: {
|
|
style: shapeStyles.line.selected,
|
|
},
|
|
},
|
|
},
|
|
polygon: {
|
|
polygon: {
|
|
default: {
|
|
style: shapeStyles.interval.default,
|
|
},
|
|
active: {
|
|
style: shapeStyles.interval.active,
|
|
},
|
|
inactive: {
|
|
style: shapeStyles.interval.inactive,
|
|
},
|
|
selected: {
|
|
style: shapeStyles.interval.selected,
|
|
},
|
|
},
|
|
},
|
|
point: {
|
|
circle: {
|
|
default: {
|
|
style: shapeStyles.point.default,
|
|
},
|
|
active: {
|
|
style: shapeStyles.point.active,
|
|
},
|
|
inactive: {
|
|
style: shapeStyles.point.inactive,
|
|
},
|
|
selected: {
|
|
style: shapeStyles.point.selected,
|
|
},
|
|
},
|
|
square: {
|
|
default: {
|
|
style: shapeStyles.point.default,
|
|
},
|
|
active: {
|
|
style: shapeStyles.point.active,
|
|
},
|
|
inactive: {
|
|
style: shapeStyles.point.inactive,
|
|
},
|
|
selected: {
|
|
style: shapeStyles.point.selected,
|
|
},
|
|
},
|
|
bowtie: {
|
|
default: {
|
|
style: shapeStyles.point.default,
|
|
},
|
|
active: {
|
|
style: shapeStyles.point.active,
|
|
},
|
|
inactive: {
|
|
style: shapeStyles.point.inactive,
|
|
},
|
|
selected: {
|
|
style: shapeStyles.point.selected,
|
|
},
|
|
},
|
|
diamond: {
|
|
default: {
|
|
style: shapeStyles.point.default,
|
|
},
|
|
active: {
|
|
style: shapeStyles.point.active,
|
|
},
|
|
inactive: {
|
|
style: shapeStyles.point.inactive,
|
|
},
|
|
selected: {
|
|
style: shapeStyles.point.selected,
|
|
},
|
|
},
|
|
hexagon: {
|
|
default: {
|
|
style: shapeStyles.point.default,
|
|
},
|
|
active: {
|
|
style: shapeStyles.point.active,
|
|
},
|
|
inactive: {
|
|
style: shapeStyles.point.inactive,
|
|
},
|
|
selected: {
|
|
style: shapeStyles.point.selected,
|
|
},
|
|
},
|
|
triangle: {
|
|
default: {
|
|
style: shapeStyles.point.default,
|
|
},
|
|
active: {
|
|
style: shapeStyles.point.active,
|
|
},
|
|
inactive: {
|
|
style: shapeStyles.point.inactive,
|
|
},
|
|
selected: {
|
|
style: shapeStyles.point.selected,
|
|
},
|
|
},
|
|
'triangle-down': {
|
|
default: {
|
|
style: shapeStyles.point.default,
|
|
},
|
|
active: {
|
|
style: shapeStyles.point.active,
|
|
},
|
|
inactive: {
|
|
style: shapeStyles.point.inactive,
|
|
},
|
|
selected: {
|
|
style: shapeStyles.point.selected,
|
|
},
|
|
},
|
|
'hollow-circle': {
|
|
default: {
|
|
style: shapeStyles.hollowPoint.default,
|
|
},
|
|
active: {
|
|
style: shapeStyles.hollowPoint.active,
|
|
},
|
|
inactive: {
|
|
style: shapeStyles.hollowPoint.inactive,
|
|
},
|
|
selected: {
|
|
style: shapeStyles.hollowPoint.selected,
|
|
},
|
|
},
|
|
'hollow-square': {
|
|
default: {
|
|
style: shapeStyles.hollowPoint.default,
|
|
},
|
|
active: {
|
|
style: shapeStyles.hollowPoint.active,
|
|
},
|
|
inactive: {
|
|
style: shapeStyles.hollowPoint.inactive,
|
|
},
|
|
selected: {
|
|
style: shapeStyles.hollowPoint.selected,
|
|
},
|
|
},
|
|
'hollow-bowtie': {
|
|
default: {
|
|
style: shapeStyles.hollowPoint.default,
|
|
},
|
|
active: {
|
|
style: shapeStyles.hollowPoint.active,
|
|
},
|
|
inactive: {
|
|
style: shapeStyles.hollowPoint.inactive,
|
|
},
|
|
selected: {
|
|
style: shapeStyles.hollowPoint.selected,
|
|
},
|
|
},
|
|
'hollow-diamond': {
|
|
default: {
|
|
style: shapeStyles.hollowPoint.default,
|
|
},
|
|
active: {
|
|
style: shapeStyles.hollowPoint.active,
|
|
},
|
|
inactive: {
|
|
style: shapeStyles.hollowPoint.inactive,
|
|
},
|
|
selected: {
|
|
style: shapeStyles.hollowPoint.selected,
|
|
},
|
|
},
|
|
'hollow-hexagon': {
|
|
default: {
|
|
style: shapeStyles.hollowPoint.default,
|
|
},
|
|
active: {
|
|
style: shapeStyles.hollowPoint.active,
|
|
},
|
|
inactive: {
|
|
style: shapeStyles.hollowPoint.inactive,
|
|
},
|
|
selected: {
|
|
style: shapeStyles.hollowPoint.selected,
|
|
},
|
|
},
|
|
'hollow-triangle': {
|
|
default: {
|
|
style: shapeStyles.hollowPoint.default,
|
|
},
|
|
active: {
|
|
style: shapeStyles.hollowPoint.active,
|
|
},
|
|
inactive: {
|
|
style: shapeStyles.hollowPoint.inactive,
|
|
},
|
|
selected: {
|
|
style: shapeStyles.hollowPoint.selected,
|
|
},
|
|
},
|
|
'hollow-triangle-down': {
|
|
default: {
|
|
style: shapeStyles.hollowPoint.default,
|
|
},
|
|
active: {
|
|
style: shapeStyles.hollowPoint.active,
|
|
},
|
|
inactive: {
|
|
style: shapeStyles.hollowPoint.inactive,
|
|
},
|
|
selected: {
|
|
style: shapeStyles.hollowPoint.selected,
|
|
},
|
|
},
|
|
cross: {
|
|
default: {
|
|
style: shapeStyles.hollowPoint.default,
|
|
},
|
|
active: {
|
|
style: shapeStyles.hollowPoint.active,
|
|
},
|
|
inactive: {
|
|
style: shapeStyles.hollowPoint.inactive,
|
|
},
|
|
selected: {
|
|
style: shapeStyles.hollowPoint.selected,
|
|
},
|
|
},
|
|
tick: {
|
|
default: {
|
|
style: shapeStyles.hollowPoint.default,
|
|
},
|
|
active: {
|
|
style: shapeStyles.hollowPoint.active,
|
|
},
|
|
inactive: {
|
|
style: shapeStyles.hollowPoint.inactive,
|
|
},
|
|
selected: {
|
|
style: shapeStyles.hollowPoint.selected,
|
|
},
|
|
},
|
|
plus: {
|
|
default: {
|
|
style: shapeStyles.hollowPoint.default,
|
|
},
|
|
active: {
|
|
style: shapeStyles.hollowPoint.active,
|
|
},
|
|
inactive: {
|
|
style: shapeStyles.hollowPoint.inactive,
|
|
},
|
|
selected: {
|
|
style: shapeStyles.hollowPoint.selected,
|
|
},
|
|
},
|
|
hyphen: {
|
|
default: {
|
|
style: shapeStyles.hollowPoint.default,
|
|
},
|
|
active: {
|
|
style: shapeStyles.hollowPoint.active,
|
|
},
|
|
inactive: {
|
|
style: shapeStyles.hollowPoint.inactive,
|
|
},
|
|
selected: {
|
|
style: shapeStyles.hollowPoint.selected,
|
|
},
|
|
},
|
|
line: {
|
|
default: {
|
|
style: shapeStyles.hollowPoint.default,
|
|
},
|
|
active: {
|
|
style: shapeStyles.hollowPoint.active,
|
|
},
|
|
inactive: {
|
|
style: shapeStyles.hollowPoint.inactive,
|
|
},
|
|
selected: {
|
|
style: shapeStyles.hollowPoint.selected,
|
|
},
|
|
},
|
|
},
|
|
area: {
|
|
area: {
|
|
default: {
|
|
style: shapeStyles.area.default,
|
|
},
|
|
active: {
|
|
style: shapeStyles.area.active,
|
|
},
|
|
inactive: {
|
|
style: shapeStyles.area.inactive,
|
|
},
|
|
selected: {
|
|
style: shapeStyles.area.selected,
|
|
},
|
|
},
|
|
smooth: {
|
|
default: {
|
|
style: shapeStyles.area.default,
|
|
},
|
|
active: {
|
|
style: shapeStyles.area.active,
|
|
},
|
|
inactive: {
|
|
style: shapeStyles.area.inactive,
|
|
},
|
|
selected: {
|
|
style: shapeStyles.area.selected,
|
|
},
|
|
},
|
|
line: {
|
|
default: {
|
|
style: shapeStyles.hollowArea.default,
|
|
},
|
|
active: {
|
|
style: shapeStyles.hollowArea.active,
|
|
},
|
|
inactive: {
|
|
style: shapeStyles.hollowArea.inactive,
|
|
},
|
|
selected: {
|
|
style: shapeStyles.hollowArea.selected,
|
|
},
|
|
},
|
|
'smooth-line': {
|
|
default: {
|
|
style: shapeStyles.hollowArea.default,
|
|
},
|
|
active: {
|
|
style: shapeStyles.hollowArea.active,
|
|
},
|
|
inactive: {
|
|
style: shapeStyles.hollowArea.inactive,
|
|
},
|
|
selected: {
|
|
style: shapeStyles.hollowArea.selected,
|
|
},
|
|
},
|
|
},
|
|
schema: {
|
|
candle: {
|
|
default: {
|
|
style: shapeStyles.hollowInterval.default,
|
|
},
|
|
active: {
|
|
style: shapeStyles.hollowInterval.active,
|
|
},
|
|
inactive: {
|
|
style: shapeStyles.hollowInterval.inactive,
|
|
},
|
|
selected: {
|
|
style: shapeStyles.hollowInterval.selected,
|
|
},
|
|
},
|
|
box: {
|
|
default: {
|
|
style: shapeStyles.hollowInterval.default,
|
|
},
|
|
active: {
|
|
style: shapeStyles.hollowInterval.active,
|
|
},
|
|
inactive: {
|
|
style: shapeStyles.hollowInterval.inactive,
|
|
},
|
|
selected: {
|
|
style: shapeStyles.hollowInterval.selected,
|
|
},
|
|
},
|
|
},
|
|
edge: {
|
|
line: {
|
|
default: {
|
|
style: shapeStyles.line.default,
|
|
},
|
|
active: {
|
|
style: shapeStyles.line.active,
|
|
},
|
|
inactive: {
|
|
style: shapeStyles.line.inactive,
|
|
},
|
|
selected: {
|
|
style: shapeStyles.line.selected,
|
|
},
|
|
},
|
|
vhv: {
|
|
default: {
|
|
style: shapeStyles.line.default,
|
|
},
|
|
active: {
|
|
style: shapeStyles.line.active,
|
|
},
|
|
inactive: {
|
|
style: shapeStyles.line.inactive,
|
|
},
|
|
selected: {
|
|
style: shapeStyles.line.selected,
|
|
},
|
|
},
|
|
smooth: {
|
|
default: {
|
|
style: shapeStyles.line.default,
|
|
},
|
|
active: {
|
|
style: shapeStyles.line.active,
|
|
},
|
|
inactive: {
|
|
style: shapeStyles.line.inactive,
|
|
},
|
|
selected: {
|
|
style: shapeStyles.line.selected,
|
|
},
|
|
},
|
|
arc: {
|
|
default: {
|
|
style: shapeStyles.line.default,
|
|
},
|
|
active: {
|
|
style: shapeStyles.line.active,
|
|
},
|
|
inactive: {
|
|
style: shapeStyles.line.inactive,
|
|
},
|
|
selected: {
|
|
style: shapeStyles.line.selected,
|
|
},
|
|
},
|
|
}
|
|
},
|
|
components: {
|
|
axis: {
|
|
top: deepMix({}, axisStyles, {
|
|
position: 'top',
|
|
grid: null,
|
|
title: null,
|
|
}),
|
|
bottom: deepMix({}, axisStyles, {
|
|
position: 'bottom',
|
|
grid: null,
|
|
title: null,
|
|
}),
|
|
left: deepMix({}, axisStyles, {
|
|
position: 'left',
|
|
label: {
|
|
offset: 8,
|
|
},
|
|
title: null,
|
|
line: null,
|
|
tickLine: null,
|
|
grid: axisGridStyles,
|
|
}),
|
|
right: deepMix({}, axisStyles, {
|
|
position: 'right',
|
|
label: {
|
|
offset: 8,
|
|
},
|
|
title: null,
|
|
line: null,
|
|
tickLine: null,
|
|
grid: axisGridStyles,
|
|
}),
|
|
circle: deepMix({}, axisStyles, {
|
|
title: null,
|
|
label: {
|
|
offset: 8,
|
|
},
|
|
grid: deepMix({}, axisGridStyles, { line: { type: 'line' } }),
|
|
}),
|
|
radius: deepMix({}, axisStyles, {
|
|
title: null,
|
|
label: {
|
|
offset: 8,
|
|
},
|
|
grid: deepMix({}, axisGridStyles, { line: { type: 'circle' } }),
|
|
}),
|
|
},
|
|
legend: {
|
|
right: deepMix({}, legendStyles, {
|
|
layout: 'vertical',
|
|
}),
|
|
left: deepMix({}, legendStyles, {
|
|
layout: 'vertical',
|
|
}),
|
|
top: deepMix({}, legendStyles, {
|
|
layout: 'horizontal',
|
|
}),
|
|
bottom: deepMix({}, legendStyles, {
|
|
layout: 'horizontal',
|
|
}),
|
|
continuous: {
|
|
title: null,
|
|
background: null,
|
|
track: {},
|
|
rail: {
|
|
type: 'color',
|
|
size: styleSheet.sliderRailHeight,
|
|
defaultLength: styleSheet.sliderRailWidth,
|
|
style: {
|
|
fill: styleSheet.sliderRailFillColor,
|
|
stroke: styleSheet.sliderRailBorderColor,
|
|
lineWidth: styleSheet.sliderRailBorder,
|
|
},
|
|
},
|
|
label: {
|
|
align: 'rail',
|
|
spacing: 4,
|
|
formatter: null,
|
|
style: {
|
|
fill: styleSheet.sliderLabelTextFillColor,
|
|
fontSize: styleSheet.sliderLabelTextFontSize,
|
|
lineHeight: styleSheet.sliderLabelTextLineHeight,
|
|
textBaseline: 'middle',
|
|
fontFamily: styleSheet.fontFamily,
|
|
},
|
|
},
|
|
handler: {
|
|
size: styleSheet.sliderHandlerWidth,
|
|
style: {
|
|
fill: styleSheet.sliderHandlerFillColor,
|
|
stroke: styleSheet.sliderHandlerBorderColor,
|
|
},
|
|
},
|
|
slidable: true,
|
|
},
|
|
},
|
|
tooltip: {
|
|
showContent: true,
|
|
follow: true,
|
|
showCrosshairs: false,
|
|
showMarkers: true,
|
|
shared: false,
|
|
enterable: false,
|
|
position: 'auto',
|
|
marker: {
|
|
symbol: 'circle',
|
|
stroke: '#fff',
|
|
shadowBlur: 10,
|
|
shadowOffsetX: 0,
|
|
shadowOffSetY: 0,
|
|
shadowColor: 'rgba(0,0,0,0.09)',
|
|
lineWidth: 2,
|
|
r: 4,
|
|
},
|
|
crosshairs: {
|
|
line: {
|
|
style: {
|
|
stroke: styleSheet.tooltipCrosshairsBorderColor,
|
|
lineWidth: styleSheet.tooltipCrosshairsBorder,
|
|
},
|
|
},
|
|
text: null,
|
|
textBackground: {
|
|
padding: 2,
|
|
style: {
|
|
fill: 'rgba(0, 0, 0, 0.25)',
|
|
lineWidth: 0,
|
|
stroke: null,
|
|
},
|
|
},
|
|
follow: false,
|
|
},
|
|
// tooltip dom 样式
|
|
domStyles: (_a = {},
|
|
_a["" + TOOLTIP_CSS_CONST.CONTAINER_CLASS] = {
|
|
position: 'absolute',
|
|
visibility: 'hidden',
|
|
zIndex: 8,
|
|
transition: 'visibility 0.2s cubic-bezier(0.23, 1, 0.32, 1), ' +
|
|
'left 0.4s cubic-bezier(0.23, 1, 0.32, 1), ' +
|
|
'top 0.4s cubic-bezier(0.23, 1, 0.32, 1)',
|
|
backgroundColor: styleSheet.tooltipContainerFillColor,
|
|
opacity: styleSheet.tooltipContainerFillOpacity,
|
|
boxShadow: styleSheet.tooltipContainerShadow,
|
|
borderRadius: styleSheet.tooltipContainerBorderRadius + "px",
|
|
color: styleSheet.tooltipTextFillColor,
|
|
fontSize: styleSheet.tooltipTextFontSize + "px",
|
|
fontFamily: styleSheet.fontFamily,
|
|
lineHeight: styleSheet.tooltipTextLineHeight + "px",
|
|
padding: '0 12px 0 12px',
|
|
},
|
|
_a["" + TOOLTIP_CSS_CONST.TITLE_CLASS] = {
|
|
marginBottom: '12px',
|
|
marginTop: '12px',
|
|
},
|
|
_a["" + TOOLTIP_CSS_CONST.LIST_CLASS] = {
|
|
margin: 0,
|
|
listStyleType: 'none',
|
|
padding: 0,
|
|
},
|
|
_a["" + TOOLTIP_CSS_CONST.LIST_ITEM_CLASS] = {
|
|
listStyleType: 'none',
|
|
padding: 0,
|
|
marginBottom: '12px',
|
|
marginTop: '12px',
|
|
marginLeft: 0,
|
|
marginRight: 0,
|
|
},
|
|
_a["" + TOOLTIP_CSS_CONST.MARKER_CLASS] = {
|
|
width: '8px',
|
|
height: '8px',
|
|
borderRadius: '50%',
|
|
display: 'inline-block',
|
|
marginRight: '8px',
|
|
},
|
|
_a["" + TOOLTIP_CSS_CONST.VALUE_CLASS] = {
|
|
display: 'inline-block',
|
|
float: 'right',
|
|
marginLeft: '30px',
|
|
},
|
|
_a),
|
|
},
|
|
annotation: {
|
|
arc: {
|
|
style: {
|
|
stroke: styleSheet.annotationArcBorderColor,
|
|
lineWidth: styleSheet.annotationArcBorder,
|
|
},
|
|
animate: true,
|
|
},
|
|
line: {
|
|
style: {
|
|
stroke: styleSheet.annotationLineBorderColor,
|
|
lineDash: styleSheet.annotationLineDash,
|
|
lineWidth: styleSheet.annotationLineBorder,
|
|
},
|
|
text: {
|
|
position: 'start',
|
|
autoRotate: true,
|
|
style: {
|
|
fill: styleSheet.annotationTextFillColor,
|
|
stroke: styleSheet.annotationTextBorderColor,
|
|
lineWidth: styleSheet.annotationTextBorder,
|
|
fontSize: styleSheet.annotationTextFontSize,
|
|
textAlign: 'start',
|
|
fontFamily: styleSheet.fontFamily,
|
|
textBaseline: 'bottom',
|
|
},
|
|
},
|
|
animate: true,
|
|
},
|
|
text: {
|
|
style: {
|
|
fill: styleSheet.annotationTextFillColor,
|
|
stroke: styleSheet.annotationTextBorderColor,
|
|
lineWidth: styleSheet.annotationTextBorder,
|
|
fontSize: styleSheet.annotationTextFontSize,
|
|
textBaseline: 'middle',
|
|
textAlign: 'start',
|
|
fontFamily: styleSheet.fontFamily,
|
|
},
|
|
animate: true,
|
|
},
|
|
region: {
|
|
top: false,
|
|
style: {
|
|
lineWidth: styleSheet.annotationRegionBorder,
|
|
stroke: styleSheet.annotationRegionBorderColor,
|
|
fill: styleSheet.annotationRegionFillColor,
|
|
fillOpacity: styleSheet.annotationRegionFillOpacity,
|
|
},
|
|
animate: true,
|
|
},
|
|
image: {
|
|
top: false,
|
|
animate: true,
|
|
},
|
|
dataMarker: {
|
|
top: true,
|
|
point: {
|
|
style: {
|
|
r: 3,
|
|
stroke: styleSheet.brandColor,
|
|
lineWidth: 2,
|
|
},
|
|
},
|
|
line: {
|
|
style: {
|
|
stroke: styleSheet.annotationLineBorderColor,
|
|
lineWidth: styleSheet.annotationLineBorder,
|
|
},
|
|
length: styleSheet.annotationDataMarkerLineLength,
|
|
},
|
|
text: {
|
|
style: {
|
|
textAlign: 'start',
|
|
fill: styleSheet.annotationTextFillColor,
|
|
stroke: styleSheet.annotationTextBorderColor,
|
|
lineWidth: styleSheet.annotationTextBorder,
|
|
fontSize: styleSheet.annotationTextFontSize,
|
|
fontFamily: styleSheet.fontFamily,
|
|
},
|
|
},
|
|
direction: 'upward',
|
|
autoAdjust: true,
|
|
animate: true,
|
|
},
|
|
dataRegion: {
|
|
style: {
|
|
region: {
|
|
fill: styleSheet.annotationRegionFillColor,
|
|
fillOpacity: styleSheet.annotationRegionFillOpacity,
|
|
},
|
|
text: {
|
|
textAlign: 'center',
|
|
textBaseline: 'bottom',
|
|
fill: styleSheet.annotationTextFillColor,
|
|
stroke: styleSheet.annotationTextBorderColor,
|
|
lineWidth: styleSheet.annotationTextBorder,
|
|
fontSize: styleSheet.annotationTextFontSize,
|
|
fontFamily: styleSheet.fontFamily,
|
|
},
|
|
},
|
|
animate: true,
|
|
},
|
|
},
|
|
},
|
|
labels: {
|
|
offset: 12,
|
|
style: {
|
|
fill: styleSheet.labelFillColor,
|
|
fontSize: styleSheet.labelFontSize,
|
|
fontFamily: styleSheet.fontFamily,
|
|
stroke: styleSheet.labelBorderColor,
|
|
lineWidth: styleSheet.labelBorder,
|
|
},
|
|
autoRotate: true,
|
|
},
|
|
innerLabels: {
|
|
style: {
|
|
fill: styleSheet.innerLabelFillColor,
|
|
fontSize: styleSheet.innerLabelFontSize,
|
|
fontFamily: styleSheet.fontFamily,
|
|
stroke: styleSheet.innerLabelBorderColor,
|
|
lineWidth: styleSheet.innerLabelBorder,
|
|
},
|
|
autoRotate: true,
|
|
},
|
|
pieLabels: {
|
|
labelHeight: 14,
|
|
offset: 30,
|
|
labelLine: {
|
|
style: {
|
|
lineWidth: styleSheet.labelLineBorder,
|
|
},
|
|
},
|
|
autoRotate: true,
|
|
},
|
|
};
|
|
}
|
|
//# sourceMappingURL=theme.js.map |