373 lines
13 KiB
Java
373 lines
13 KiB
Java
var WHITE_COLORS = {
|
||
100: '#000',
|
||
95: '#0D0D0D',
|
||
85: '#262626',
|
||
65: '#595959',
|
||
45: '#8C8C8C',
|
||
25: '#BFBFBF',
|
||
15: '#D9D9D9',
|
||
6: '#F0F0F0',
|
||
};
|
||
var BLACK_COLORS = {
|
||
100: '#FFFFFF',
|
||
95: '#F2F2F2',
|
||
85: '#D9D9D9',
|
||
65: '#A6A6A6',
|
||
45: '#737373',
|
||
25: '#404040',
|
||
15: '#262626',
|
||
6: '#0F0F0F',
|
||
};
|
||
var QUALITATIVE_10 = [
|
||
'#5B8FF9',
|
||
'#5AD8A6',
|
||
'#5D7092',
|
||
'#F6BD16',
|
||
'#E86452',
|
||
'#6DC8EC',
|
||
'#945FB9',
|
||
'#FF9845',
|
||
'#1E9493',
|
||
'#FF99C3',
|
||
];
|
||
var QUALITATIVE_20 = [
|
||
'#5B8FF9',
|
||
'#CDDDFD',
|
||
'#5AD8A6',
|
||
'#CDF3E4',
|
||
'#5D7092',
|
||
'#CED4DE',
|
||
'#F6BD16',
|
||
'#FCEBB9',
|
||
'#E86452',
|
||
'#F8D0CB',
|
||
'#6DC8EC',
|
||
'#D3EEF9',
|
||
'#945FB9',
|
||
'#DECFEA',
|
||
'#FF9845',
|
||
'#FFE0C7',
|
||
'#1E9493',
|
||
'#BBDEDE',
|
||
'#FF99C3',
|
||
'#FFE0ED',
|
||
];
|
||
export var antvDark = {
|
||
/** 主题色 */
|
||
brandColor: QUALITATIVE_10[0],
|
||
/** 分类色板 1，在数据量小于等于 10 时使用 */
|
||
paletteQualitative10: QUALITATIVE_10,
|
||
/** 分类色板 2，在数据量大于 10 时使用 */
|
||
paletteQualitative20: QUALITATIVE_20,
|
||
/** 语义色 */
|
||
paletteSemanticRed: '#F4664A',
|
||
/** 语义色 */
|
||
paletteSemanticGreen: '#30BF78',
|
||
/** 语义色 */
|
||
paletteSemanticYellow: '#FAAD14',
|
||
/** 字体 */
|
||
fontFamily: "\"-apple-system\", \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial,\n \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\",\n \"Noto Color Emoji\"",
|
||
// -------------------- 坐标轴 --------------------
|
||
/** 坐标轴线颜色 */
|
||
axisLineBorderColor: BLACK_COLORS[25],
|
||
/** 坐标轴线粗细 */
|
||
axisLineBorder: 0.5,
|
||
/** 坐标轴线 lineDash 设置 */
|
||
axisLineDash: null,
|
||
/** 坐标轴标题颜色 */
|
||
axisTitleTextFillColor: BLACK_COLORS[65],
|
||
/** 坐标轴标题文本字体大小 */
|
||
axisTitleTextFontSize: 12,
|
||
/** 坐标轴标题文本行高 */
|
||
axisTitleTextLineHeight: 12,
|
||
/** 坐标轴标题文本字体粗细 */
|
||
axisTitleTextFontWeight: 'normal',
|
||
/** 坐标轴刻度线颜色 */
|
||
axisTickLineBorderColor: BLACK_COLORS[25],
|
||
/** 坐标轴刻度线长度 */
|
||
axisTickLineLength: 4,
|
||
/** 坐标轴刻度线粗细 */
|
||
axisTickLineBorder: 0.5,
|
||
/** 坐标轴次刻度线颜色 */
|
||
axisSubTickLineBorderColor: BLACK_COLORS[15],
|
||
/** 坐标轴次刻度线长度 */
|
||
axisSubTickLineLength: 2,
|
||
/** 坐标轴次刻度线粗细 */
|
||
axisSubTickLineBorder: 0.5,
|
||
/** 坐标轴刻度文本颜色 */
|
||
axisLabelFillColor: BLACK_COLORS[45],
|
||
/** 坐标轴刻度文本字体大小 */
|
||
axisLabelFontSize: 12,
|
||
/** 坐标轴刻度文本行高 */
|
||
axisLabelLineHeight: 12,
|
||
/** 坐标轴刻度文本字体粗细 */
|
||
axisLabelFontWeight: 'normal',
|
||
/** 坐标轴网格线颜色 */
|
||
axisGridBorderColor: BLACK_COLORS[15],
|
||
/** 坐标轴网格线粗细 */
|
||
axisGridBorder: 0.5,
|
||
/** 坐标轴网格线虚线设置 */
|
||
axisGridLineDash: null,
|
||
// -------------------- 图例 --------------------
|
||
/** 图例标题颜色 */
|
||
legendTitleTextFillColor: BLACK_COLORS[45],
|
||
/** 图例标题文本字体大小 */
|
||
legendTitleTextFontSize: 12,
|
||
/** 图例标题文本行高 */
|
||
legendTitleTextLineHeight: 21,
|
||
/** 图例标题文本字体粗细 */
|
||
legendTitleTextFontWeight: 'normal',
|
||
/** 图例 marker 颜色 */
|
||
legendMarkerColor: QUALITATIVE_10[0],
|
||
/** 图例 marker 默认半径大小 */
|
||
legendMarkerSize: 4,
|
||
/** 图例 'circle' marker 半径 */
|
||
legendCircleMarkerSize: 4,
|
||
/** 图例 'square' marker 半径 */
|
||
legendSquareMarkerSize: 4,
|
||
/** 图例 'line' marker 半径 */
|
||
legendLineMarkerSize: 5,
|
||
/** 图例项文本颜色 */
|
||
legendItemNameFillColor: BLACK_COLORS[65],
|
||
/** 图例项文本字体大小 */
|
||
legendItemNameFontSize: 12,
|
||
/** 图例项文本行高 */
|
||
legendItemNameLineHeight: 12,
|
||
/** 图例项粗细 */
|
||
legendItemNameFontWeight: 'normal',
|
||
/** 连续图例滑块填充色 */
|
||
sliderRailFillColor: BLACK_COLORS[15],
|
||
/** 连续图例滑块边框粗细 */
|
||
sliderRailBorder: 0,
|
||
/** 连续图例滑块边框颜色 */
|
||
sliderRailBorderColor: null,
|
||
/** 连续图例滑块宽度 */
|
||
sliderRailWidth: 100,
|
||
/** 连续图例滑块高度 */
|
||
sliderRailHeight: 12,
|
||
/** 连续图例文本颜色 */
|
||
sliderLabelTextFillColor: BLACK_COLORS[45],
|
||
/** 连续图例文本字体大小 */
|
||
sliderLabelTextFontSize: 12,
|
||
/** 连续图例文本行高 */
|
||
sliderLabelTextLineHeight: 12,
|
||
/** 连续图例文本字体粗细 */
|
||
sliderLabelTextFontWeight: 'normal',
|
||
/** 连续图例滑块颜色 */
|
||
sliderHandlerFillColor: WHITE_COLORS[6],
|
||
/** 连续图例滑块宽度 */
|
||
sliderHandlerWidth: 10,
|
||
/** 连续图例滑块高度 */
|
||
sliderHandlerHeight: 14,
|
||
/** 连续图例滑块边框粗细 */
|
||
sliderHandlerBorder: 1,
|
||
/** 连续图例滑块边框颜色 */
|
||
sliderHandlerBorderColor: WHITE_COLORS[25],
|
||
// -------------------- Annotation，图形标注 --------------------
|
||
/** arc 图形标注描边颜色 */
|
||
annotationArcBorderColor: BLACK_COLORS[15],
|
||
/** arc 图形标注粗细 */
|
||
annotationArcBorder: 0.5,
|
||
/** line 图形标注颜色 */
|
||
annotationLineBorderColor: BLACK_COLORS[25],
|
||
/** line 图形标注粗细 */
|
||
annotationLineBorder: 0.5,
|
||
/** lube 图形标注的虚线间隔 */
|
||
annotationLineDash: null,
|
||
/** text 图形标注文本颜色 */
|
||
annotationTextFillColor: BLACK_COLORS[65],
|
||
/** text 图形标注文本字体大小 */
|
||
annotationTextFontSize: 12,
|
||
/** text 图形标注文本行高 */
|
||
annotationTextLineHeight: 12,
|
||
/** text 图形标注文本字体粗细 */
|
||
annotationTextFontWeight: 'normal',
|
||
/** text 图形标注文本边框颜色 */
|
||
annotationTextBorderColor: WHITE_COLORS[95],
|
||
/** text 图形标注文本边框粗细 */
|
||
annotationTextBorder: 1.5,
|
||
/** region 图形标注填充颜色 */
|
||
annotationRegionFillColor: BLACK_COLORS[100],
|
||
/** region 图形标注填充颜色透明色 */
|
||
annotationRegionFillOpacity: 0.06,
|
||
/** region 图形标注描边粗细 */
|
||
annotationRegionBorder: 0,
|
||
/** region 图形标注描边颜色 */
|
||
annotationRegionBorderColor: null,
|
||
/** dataMarker 图形标注线的长度 */
|
||
annotationDataMarkerLineLength: 16,
|
||
// -------------------- Tooltip --------------------
|
||
/** tooltip crosshairs 辅助线颜色 */
|
||
tooltipCrosshairsBorderColor: BLACK_COLORS[25],
|
||
/** tooltip crosshairs 辅助线粗细 */
|
||
tooltipCrosshairsBorder: 0.5,
|
||
/** tooltip crosshairs 辅助线虚线间隔 */
|
||
tooltipCrosshairsLineDash: null,
|
||
/** tooltip 内容框背景色 */
|
||
tooltipContainerFillColor: '#1f1f1f',
|
||
tooltipContainerFillOpacity: 0.95,
|
||
/** tooltip 内容框阴影 */
|
||
tooltipContainerShadow: '0px 2px 4px rgba(0,0,0,.5)',
|
||
/** tooltip 内容框圆角 */
|
||
tooltipContainerBorderRadius: 3,
|
||
/** tooltip 文本颜色 */
|
||
tooltipTextFillColor: BLACK_COLORS[65],
|
||
/** tooltip 文本字体大小 */
|
||
tooltipTextFontSize: 12,
|
||
/** tooltip 文本行高 */
|
||
tooltipTextLineHeight: 12,
|
||
/** tooltip 文本字体粗细 */
|
||
tooltipTextFontWeight: 'bold',
|
||
// -------------------- Geometry labels --------------------
|
||
/** Geometry label 文本颜色 */
|
||
labelFillColor: BLACK_COLORS[65],
|
||
/** Geometry label 文本字体大小 */
|
||
labelFontSize: 12,
|
||
/** Geometry label 文本行高 */
|
||
labelLineHeight: 12,
|
||
/** Geometry label 文本字体粗细 */
|
||
labelFontWeight: 'normal',
|
||
/** Geometry label 文本描边颜色 */
|
||
labelBorderColor: null,
|
||
/** Geometry label 文本描边粗细 */
|
||
labelBorder: 0,
|
||
/** Geometry innerLabel 文本颜色 */
|
||
innerLabelFillColor: WHITE_COLORS[100],
|
||
/** Geometry innerLabel 文本字体大小 */
|
||
innerLabelFontSize: 12,
|
||
/** Geometry innerLabel 文本行高 */
|
||
innerLabelLineHeight: 12,
|
||
/** Geometry innerLabel 文本字体粗细 */
|
||
innerLabelFontWeight: 'normal',
|
||
/** Geometry innerLabel 文本描边颜色 */
|
||
innerLabelBorderColor: null,
|
||
/** Geometry innerLabel 文本描边粗细 */
|
||
innerLabelBorder: 0,
|
||
/** Geometry label 文本连接线粗细 */
|
||
labelLineBorder: 0.5,
|
||
/** Geometry label 文本连接线颜色 */
|
||
labelLineBorderColor: BLACK_COLORS[25],
|
||
// -------------------- Geometry 图形样式--------------------
|
||
/** 点图填充颜色 */
|
||
pointFillColor: QUALITATIVE_10[0],
|
||
/** 点图填充颜色透明度 */
|
||
pointFillOpacity: 0.95,
|
||
/** 点图大小 */
|
||
pointSize: 4,
|
||
/** 点图描边粗细 */
|
||
pointBorder: 1,
|
||
/** 点图描边颜色 */
|
||
pointBorderColor: WHITE_COLORS[100],
|
||
/** 点图描边透明度 */
|
||
pointBorderOpacity: 1,
|
||
/** 点图 active 状态下描边颜色 */
|
||
pointActiveBorderColor: BLACK_COLORS[100],
|
||
/** 点图 selected 状态下描边粗细 */
|
||
pointSelectedBorder: 2,
|
||
/** 点图 selected 状态下描边颜色 */
|
||
pointSelectedBorderColor: BLACK_COLORS[100],
|
||
/** 点图 inactive 状态下填充颜色透明度 */
|
||
pointInactiveFillOpacity: 0.3,
|
||
/** 点图 inactive 状态下描边透明度 */
|
||
pointInactiveBorderOpacity: 0.3,
|
||
/** 空心点图大小 */
|
||
hollowPointSize: 4,
|
||
/** 空心点图描边粗细 */
|
||
hollowPointBorder: 1,
|
||
/** 空心点图描边颜色 */
|
||
hollowPointBorderColor: QUALITATIVE_10[0],
|
||
/** 空心点图描边透明度 */
|
||
hollowPointBorderOpacity: 0.95,
|
||
hollowPointFillColor: WHITE_COLORS[100],
|
||
/** 空心点图 active 状态下描边粗细 */
|
||
hollowPointActiveBorder: 1,
|
||
/** 空心点图 active 状态下描边颜色 */
|
||
hollowPointActiveBorderColor: BLACK_COLORS[100],
|
||
/** 空心点图 active 状态下描边透明度 */
|
||
hollowPointActiveBorderOpacity: 1,
|
||
/** 空心点图 selected 状态下描边粗细 */
|
||
hollowPointSelectedBorder: 2,
|
||
/** 空心点图 selected 状态下描边颜色 */
|
||
hollowPointSelectedBorderColor: BLACK_COLORS[100],
|
||
/** 空心点图 selected 状态下描边透明度 */
|
||
hollowPointSelectedBorderOpacity: 1,
|
||
/** 空心点图 inactive 状态下描边透明度 */
|
||
hollowPointInactiveBorderOpacity: 0.3,
|
||
/** 线图粗细 */
|
||
lineBorder: 2,
|
||
/** 线图颜色 */
|
||
lineBorderColor: QUALITATIVE_10[0],
|
||
/** 线图透明度 */
|
||
lineBorderOpacity: 1,
|
||
/** 线图 Active 状态下粗细 */
|
||
lineActiveBorder: 3,
|
||
/** 线图 selected 状态下粗细 */
|
||
lineSelectedBorder: 3,
|
||
/** 线图 inactive 状态下透明度 */
|
||
lineInactiveBorderOpacity: 0.3,
|
||
/** area 填充颜色 */
|
||
areaFillColor: QUALITATIVE_10[0],
|
||
/** area 填充透明度 */
|
||
areaFillOpacity: 0.25,
|
||
/** area 在 active 状态下的填充透明度 */
|
||
areaActiveFillColor: QUALITATIVE_10[0],
|
||
areaActiveFillOpacity: 0.5,
|
||
/** area 在 selected 状态下的填充透明度 */
|
||
areaSelectedFillColor: QUALITATIVE_10[0],
|
||
areaSelectedFillOpacity: 0.5,
|
||
/** area inactive 状态下填充透明度 */
|
||
areaInactiveFillOpacity: 0.3,
|
||
/** hollowArea 颜色 */
|
||
hollowAreaBorderColor: QUALITATIVE_10[0],
|
||
/** hollowArea 边框粗细 */
|
||
hollowAreaBorder: 2,
|
||
/** hollowArea 边框透明度 */
|
||
hollowAreaBorderOpacity: 1,
|
||
/** hollowArea active 状态下的边框粗细 */
|
||
hollowAreaActiveBorder: 3,
|
||
hollowAreaActiveBorderColor: BLACK_COLORS[100],
|
||
/** hollowArea selected 状态下的边框粗细 */
|
||
hollowAreaSelectedBorder: 3,
|
||
hollowAreaSelectedBorderColor: BLACK_COLORS[100],
|
||
/** hollowArea inactive 状态下的边框透明度 */
|
||
hollowAreaInactiveBorderOpacity: 0.3,
|
||
/** interval 填充颜色 */
|
||
intervalFillColor: QUALITATIVE_10[0],
|
||
/** interval 填充透明度 */
|
||
intervalFillOpacity: 0.95,
|
||
/** interval active 状态下边框粗细 */
|
||
intervalActiveBorder: 1,
|
||
/** interval active 状态下边框颜色 */
|
||
intervalActiveBorderColor: BLACK_COLORS[100],
|
||
intervalActiveBorderOpacity: 1,
|
||
/** interval selected 状态下边框粗细 */
|
||
intervalSelectedBorder: 2,
|
||
/** interval selected 状态下边框颜色 */
|
||
intervalSelectedBorderColor: BLACK_COLORS[100],
|
||
/** interval selected 状态下边框透明度 */
|
||
intervalSelectedBorderOpacity: 1,
|
||
/** interval inactive 状态下边框透明度 */
|
||
intervalInactiveBorderOpacity: 0.3,
|
||
/** interval inactive 状态下填充透明度 */
|
||
intervalInactiveFillOpacity: 0.3,
|
||
/** interval 边框粗细 */
|
||
hollowIntervalBorder: 2,
|
||
/** hollowInterval 边框颜色 */
|
||
hollowIntervalBorderColor: QUALITATIVE_10[0],
|
||
/** hollowInterval 边框透明度 */
|
||
hollowIntervalBorderOpacity: 1,
|
||
hollowIntervalFillColor: WHITE_COLORS[100],
|
||
/** hollowInterval active 状态下边框粗细 */
|
||
hollowIntervalActiveBorder: 2,
|
||
/** hollowInterval active 状态下边框颜色 */
|
||
hollowIntervalActiveBorderColor: BLACK_COLORS[100],
|
||
/** hollowInterval selected 状态下边框粗细 */
|
||
hollowIntervalSelectedBorder: 3,
|
||
/** hollowInterval selected 状态下边框颜色 */
|
||
hollowIntervalSelectedBorderColor: BLACK_COLORS[100],
|
||
/** hollowInterval selected 状态下边框透明度 */
|
||
hollowIntervalSelectedBorderOpacity: 1,
|
||
/** hollowInterval inactive 状态下边框透明度 */
|
||
hollowIntervalInactiveBorderOpacity: 0.3,
|
||
};
|
||
//# sourceMappingURL=dark.js.map |