@antv/g2
Version:
the Grammar of Graphics in Javascript
106 lines • 2.66 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Academy = exports.tokens = void 0;
const util_1 = require("@antv/util");
const create_1 = require("./create");
exports.tokens = {
colorBlack: '#000',
colorWhite: '#fff',
colorStroke: '#888',
colorDefault: '#4e79a7',
colorBackground: 'transparent',
category10: [
'#4e79a7',
'#f28e2c',
'#e15759',
'#76b7b2',
'#59a14f',
'#edc949',
'#af7aa1',
'#ff9da7',
'#9c755f',
'#bab0ab',
],
category20: [
'#4e79a7',
'#f28e2c',
'#e15759',
'#76b7b2',
'#59a14f',
'#edc949',
'#af7aa1',
'#ff9da7',
'#9c755f',
'#bab0ab',
],
padding1: 8,
padding2: 12,
padding3: 20,
alpha90: 0.9,
alpha65: 0.65,
alpha45: 0.45,
alpha25: 0.25,
alpha10: 0.1,
};
const defaults = (0, create_1.create)(exports.tokens);
const Academy = (options) => {
return (0, util_1.deepMix)({}, defaults, {
text: { text: { fontSize: 10 } },
axis: {
gridLineDash: [0, 0],
gridLineWidth: 1,
gridStroke: '#ddd',
gridStrokeOpacity: 1,
labelOpacity: 1,
labelStrokeOpacity: 1,
labelFontSize: 10,
line: true,
lineLineWidth: 1,
lineStroke: '#888',
lineStrokeOpacity: 1,
tickLength: 5,
tickStrokeOpacity: 1,
titleOpacity: 1,
titleStrokeOpacity: 1,
titleFillOpacity: 1,
titleFontSize: 11,
titleFontWeight: 'bold',
},
axisLeft: {
gridFilter: (_, i) => i !== 0,
},
axisRight: {
gridFilter: (_, i) => i !== 0,
},
legendCategory: {
itemLabelFillOpacity: 1,
itemLabelFontSize: 10,
itemValueFillOpacity: 1,
itemValueFontSize: 10,
titleFillOpacity: 1,
titleFontSize: 11,
titleFontWeight: 'bold',
},
legendContinuous: {
handleLabelFontSize: 10,
labelFillOpacity: 0.45,
labelFontSize: 10,
},
label: {
fontSize: 10,
},
innerLabel: {
fontSize: 10,
},
htmlLabel: {
fontSize: 10,
},
slider: {
handleLabelFontSize: 10,
trackFillOpacity: 0.05,
},
}, options);
};
exports.Academy = Academy;
exports.Academy.props = {};
//# sourceMappingURL=academy.js.map