首次提交
This commit is contained in:
@@ -0,0 +1,105 @@
|
||||
const defaultTheme = function () {
|
||||
const { SolidLine, SolidFill, ColorCSS, Themes, emptyLine, customTheme } =
|
||||
lcjs;
|
||||
var themeStyles = {};
|
||||
var baseTheme = Themes.darkGold;
|
||||
baseTheme.themeKey = "baseTheme";
|
||||
|
||||
const baseBgColor = "#000";
|
||||
const baseLineColor = "#FFF";
|
||||
const textColor = "#FFF";
|
||||
const lineColor = "#FFF";
|
||||
const tickLineColor = "#FFF";
|
||||
const axisLineColor = "#FFF";
|
||||
// 刻度面板颜色
|
||||
const panelBackgroundFillStyle = new SolidFill({
|
||||
color: ColorCSS(baseBgColor), //#120453
|
||||
});
|
||||
|
||||
// 主要面板颜色
|
||||
const seriesBackgroundFillStyle = new SolidFill({
|
||||
color: ColorCSS(baseBgColor),
|
||||
});
|
||||
//设置x轴的样式
|
||||
function SetTickStyle(tick) {
|
||||
return tick.setLabelFont((font) =>
|
||||
font
|
||||
.setWeight("normal")
|
||||
.setSize(5)
|
||||
.setStyle("normal")
|
||||
.setFamily("Arial")
|
||||
.setVariant(true)
|
||||
)
|
||||
.setLabelFillStyle(
|
||||
//new SolidFill({ color: ColorCSS("#9dbdd2") })
|
||||
new SolidFill({ color: ColorCSS(textColor) })
|
||||
)
|
||||
.setGridStrokeStyle(
|
||||
new SolidLine({
|
||||
thickness: .25,
|
||||
fillStyle: new SolidFill({
|
||||
color: ColorCSS(baseLineColor),
|
||||
}),
|
||||
})
|
||||
)
|
||||
// 刻度线内间距
|
||||
.setTickPadding(-2)
|
||||
// 刻度线 长度
|
||||
.setTickLength(0)
|
||||
// 刻度线 样式 非文本 , 受 setTickLength 影响
|
||||
.setTickStyle(
|
||||
new SolidLine({
|
||||
thickness: .5,
|
||||
fillStyle: new SolidFill({
|
||||
color: ColorCSS(tickLineColor),
|
||||
}),
|
||||
})
|
||||
)
|
||||
}
|
||||
|
||||
// 数字轴的策略
|
||||
const numericTickStrategy = baseTheme.numericTickStrategy
|
||||
.setMinorTickStyle((ticks) =>SetTickStyle(ticks))
|
||||
.setMajorTickStyle((ticks) =>SetTickStyle(ticks));
|
||||
// 图标标题文本颜色
|
||||
const chartTitleFillStyle = new SolidFill({
|
||||
color: ColorCSS(textColor),
|
||||
});
|
||||
// 轴标题文本颜色
|
||||
const axisTitleFillStyle = new SolidFill({
|
||||
color: ColorCSS(textColor),
|
||||
});
|
||||
// UI元素文本颜色
|
||||
const uiTextFillStyle = new SolidFill({
|
||||
color: ColorCSS(textColor),
|
||||
});
|
||||
// 轴样式
|
||||
const axisStyle = new SolidLine({
|
||||
thickness: 1,
|
||||
fillStyle: new SolidFill({ color: ColorCSS(axisLineColor) }),
|
||||
}); //lcjs.emptyLine;//
|
||||
|
||||
const chartXYZoomingRectangleFillStyle = new SolidFill({
|
||||
color: ColorCSS("#00FF0A66"),
|
||||
});
|
||||
const chartXYFittingRectangleFillStyle = new SolidFill({
|
||||
color: ColorCSS("#CCCCCC55"),
|
||||
});
|
||||
const chartXYZoomingRectangleStrokeStyle = emptyLine;
|
||||
const chartXYFittingRectangleStrokeStyle = emptyLine;
|
||||
|
||||
Object.assign(baseTheme, themeStyles, {
|
||||
panelBackgroundFillStyle,
|
||||
seriesBackgroundFillStyle,
|
||||
numericTickStrategy,
|
||||
chartTitleFillStyle,
|
||||
axisTitleFillStyle,
|
||||
uiTextFillStyle,
|
||||
axisStyle,
|
||||
chartXYZoomingRectangleFillStyle,
|
||||
chartXYFittingRectangleFillStyle,
|
||||
chartXYZoomingRectangleStrokeStyle,
|
||||
chartXYFittingRectangleStrokeStyle,
|
||||
});
|
||||
};
|
||||
defaultTheme();
|
||||
Reference in New Issue
Block a user