yuang-framework-ui-pc
Version:
yuang-framework-ui-pc Library
393 lines (392 loc) • 6.42 kB
JavaScript
"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const ChartTheme = {
color: [
"#5b8ff9",
"#61ddaa",
"#65789b",
"#f6bd16",
"#7262fd",
"#78d3f8",
"#9661bc",
"#f6903d",
"#008685",
"#f08bb4"
],
backgroundColor: "rgba(0,0,0,0)",
textStyle: {},
title: {
textStyle: {
color: "#333333"
},
subtextStyle: {
color: "#666666"
}
},
line: {
itemStyle: {
borderWidth: 1
},
lineStyle: {
width: "2"
},
symbolSize: 4,
symbol: "emptyCircle",
smooth: false
},
radar: {
itemStyle: {
borderWidth: 1
},
lineStyle: {
width: "2"
},
symbolSize: 4,
symbol: "emptyCircle",
smooth: false
},
bar: {
barCategoryGap: "50%",
itemStyle: {
barBorderWidth: "0",
barBorderColor: "#fff"
}
},
pie: {
itemStyle: {
borderWidth: "2",
borderColor: "#fff"
}
},
scatter: {
itemStyle: {
borderWidth: "0",
borderColor: "#fff"
}
},
boxplot: {
itemStyle: {
borderWidth: "0",
borderColor: "#fff"
}
},
parallel: {
itemStyle: {
borderWidth: "0",
borderColor: "#fff"
}
},
sankey: {
itemStyle: {
borderWidth: "0",
borderColor: "#fff"
}
},
funnel: {
itemStyle: {
borderWidth: "0",
borderColor: "#fff"
}
},
gauge: {
itemStyle: {
borderWidth: "0",
borderColor: "#fff"
}
},
candlestick: {
itemStyle: {
color: "#dd3f5d",
color0: "#51bd4b",
borderColor: "#dd3f5d",
borderColor0: "#51bd4b",
borderWidth: 1
}
},
graph: {
itemStyle: {
borderWidth: "0",
borderColor: "#fff"
},
lineStyle: {
width: 1,
color: "#bfbfbf"
},
symbolSize: 4,
symbol: "emptyCircle",
smooth: false,
color: [
"#5b8ff9",
"#61ddaa",
"#65789b",
"#f6bd16",
"#7262fd",
"#78d3f8",
"#9661bc",
"#f6903d",
"#008685",
"#f08bb4"
],
label: {
color: "#666666"
}
},
map: {
itemStyle: {
areaColor: "#fafafa",
borderColor: "#d9d9d9",
borderWidth: 1
},
label: {
color: "#333333",
textBorderColor: "#fff",
textBorderWidth: 1
},
emphasis: {
itemStyle: {
areaColor: "rgba(255,215,0,0.8)",
borderColor: "#d9d9d9",
borderWidth: 1
},
label: {
color: "#333333"
}
}
},
geo: {
itemStyle: {
areaColor: "#fafafa",
borderColor: "#d9d9d9",
borderWidth: 1
},
label: {
color: "#333333",
textBorderColor: "#fff",
textBorderWidth: 1
},
emphasis: {
itemStyle: {
areaColor: "rgba(255,215,0,0.8)",
borderColor: "#d9d9d9",
borderWidth: 1
},
label: {
color: "#333333"
}
}
},
grid: {
top: 30,
right: 20,
left: 60,
bottom: 40
},
categoryAxis: {
axisLine: {
show: true,
lineStyle: {
color: "#bfbfbf"
}
},
axisTick: {
show: true,
lineStyle: {
color: "#bfbfbf"
},
alignWithLabel: true
},
axisLabel: {
show: true,
color: "#666666"
},
splitLine: {
show: false,
lineStyle: {
type: "dashed",
color: ["#d9d9d9"]
}
},
splitArea: {
show: false,
areaStyle: {
color: ["#f0f0f0"]
}
}
},
valueAxis: {
axisLine: {
show: false,
lineStyle: {
color: "#bfbfbf"
}
},
axisTick: {
show: false,
lineStyle: {
color: "#bfbfbf"
}
},
axisLabel: {
show: true,
color: "#666666"
},
splitLine: {
show: true,
lineStyle: {
type: "dashed",
color: ["#d9d9d9"]
}
},
splitArea: {
show: false,
areaStyle: {
color: ["#f0f0f0"]
}
}
},
logAxis: {
axisLine: {
show: false,
lineStyle: {
color: "#bfbfbf"
}
},
axisTick: {
show: false,
lineStyle: {
color: "#bfbfbf"
}
},
axisLabel: {
show: true,
color: "#666666"
},
splitLine: {
show: true,
lineStyle: {
color: ["#d9d9d9"]
}
},
splitArea: {
show: false,
areaStyle: {
color: ["#f0f0f0"]
}
}
},
timeAxis: {
axisLine: {
show: true,
lineStyle: {
color: "#bfbfbf"
}
},
axisTick: {
show: true,
lineStyle: {
color: "#bfbfbf"
}
},
axisLabel: {
show: true,
color: "#666666"
},
splitLine: {
show: false,
lineStyle: {
color: ["#d9d9d9"]
}
},
splitArea: {
show: false,
areaStyle: {
color: ["#f0f0f0"]
}
}
},
toolbox: {
iconStyle: {
borderColor: "#999999"
},
emphasis: {
iconStyle: {
borderColor: "#666666"
}
}
},
legend: {
inactiveColor: "#cccccc",
inactiveBorderColor: "#fff",
textStyle: {
color: "#666666",
lineHeight: 14
}
},
tooltip: {
axisPointer: {
lineStyle: {
color: "#bfbfbf",
width: "1"
},
crossStyle: {
color: "#bfbfbf",
width: "1"
}
}
},
timeline: {
lineStyle: {
color: "#d9d9d9",
width: "1"
},
itemStyle: {
color: "#d9d9d9",
borderWidth: "1"
},
controlStyle: {
color: "#d9d9d9",
borderColor: "#d9d9d9",
borderWidth: "0.5"
},
checkpointStyle: {
color: "#5b8ff9",
borderColor: "#5b8ff9"
},
label: {
color: "#999999"
},
emphasis: {
itemStyle: {
color: "#5b8ff9"
},
controlStyle: {
color: "#d9d9d9",
borderColor: "#d9d9d9",
borderWidth: "0.5"
},
label: {
color: "#666666"
}
}
},
visualMap: {
itemHeight: 80,
itemWidth: 15,
color: ["#5b8ff9", "#b0d0ff", "#f0f7ff"],
textStyle: {
color: "#666666"
}
},
dataZoom: {
handleSize: "100%",
textStyle: {
color: "#666666"
}
},
markPoint: {
label: {
color: "#ffffff"
}
}
};
exports.ChartTheme = ChartTheme;