|
|
//通用主题
|
|
//柱子等颜色
|
var colors = ['#00ffff', '#ff5b00', '#00cfff', '#ff3000', '#00cfff', '#ff5b00', '#006ced', '#ffe000', '#ff3000', '#00ffff', '#ff5b00', '#00ffff', '#ff3000', '#00cfff', '#ff3000', '#006ced', '#ffe000', '#00ffff', '#ff5b00', '#00cfff', '#ffe000', '#006ced']
|
|
function getTheme(option) {
|
option.backgroundColor = "";//背景色
|
if (option.title.textStyle) {
|
if (option.title.textStyle.color==="#fff") {
|
option.title.textStyle = { //标题的颜色 大小 对齐方式
|
//align: 'center',
|
color: option.title.textStyle.color,
|
fontSize: 16,
|
};
|
} else {
|
option.title.textStyle = { //标题的颜色 大小 对齐方式
|
//align: 'center',
|
color: "#000",
|
fontSize: 16,
|
};
|
}
|
}
|
else {
|
option.title.textStyle = { //标题的颜色 大小 对齐方式
|
//align: 'center',
|
color: "#000",
|
fontSize: 16,
|
};
|
}
|
|
//设置标题的位置
|
option.title.left = "2%";
|
option.title.top = "2%";
|
option.tooltip.axisPointer = {
|
type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
|
};
|
|
if(option.legend.textStyle){
|
if(option.legend.textStyle.color){
|
if(option.legend.textStyle.color==="#fff"){
|
option.legend.textStyle = { //图例文字大小 颜色
|
color: option.legend.textStyle.color,
|
fontSize: 10
|
};
|
}else{
|
option.legend.textStyle = { //图例文字大小 颜色
|
color: "#000",
|
fontSize: 10
|
};
|
}
|
}
|
}else{
|
option.legend.textStyle = { //图例文字大小 颜色
|
color: "#000",
|
fontSize: 10
|
};
|
}
|
|
|
//option.legend.itemWidth = 12;
|
|
//option.legend.itemHeight = 10;
|
|
//option.legend.right = 10;
|
|
//option.legend.top = 50;
|
|
//option.legend.itemGap = 16;
|
|
//option.legend.width = "100%";
|
|
//option.radiusAxis = {
|
// min: 40,
|
// max: 120,
|
// interval: 20,
|
// axisLine: {
|
// show: false,
|
// lineStyle: {
|
// color: "#0B3E5E",
|
// width: 1,
|
// type: "solid"
|
// },
|
// },
|
//option.xAxis.nameRotate = 45;
|
option.xAxis.axisTick = { alignWithLable: true }; //x轴分割点
|
if(option.xAxis.axisLabel){
|
if(option.xAxis.axisLabel.color){
|
if(option.xAxis.axisLabel.color==="#fff"){
|
option.xAxis.axisLabel = { // y轴文本标签字体 颜色
|
textStyle: {
|
//fontFamily: 'Roboto-Regular',
|
//fontWeight: "bolder"
|
},
|
color: option.xAxis.axisLabel.color //30eee9
|
};
|
}else{
|
option.xAxis.axisLabel = { // x轴文本标签字体 颜色
|
textStyle: {
|
//fontFamily: 'Roboto-Regular',
|
//fontWeight: "bolder",
|
},
|
color: "#000" //30eee9
|
};
|
}
|
}
|
}else{
|
option.xAxis.axisLabel = { // x轴文本标签字体 颜色
|
textStyle: {
|
//fontFamily: 'Roboto-Regular',
|
//fontWeight: "bolder",
|
},
|
color: "#000" //30eee9
|
};
|
}
|
|
|
|
option.xAxis.boundaryGap = true;
|
//debugger
|
if(option.xAxis.axisLine){
|
if(option.xAxis.axisLine.lineStyle){
|
if(option.xAxis.axisLine.lineStyle.color){
|
if(option.xAxis.axisLine.lineStyle.color==="#fff"){
|
option.xAxis.axisLine = {
|
show: true, //x轴线颜色
|
lineStyle: {
|
color: option.xAxis.axisLine.lineStyle.color
|
},
|
|
};
|
}else{
|
option.xAxis.axisLine = {
|
show: true, //x轴线颜色
|
lineStyle: {
|
color: "#5d7289"
|
},
|
|
};
|
}
|
}
|
}
|
}
|
else{
|
option.xAxis.axisLine = {
|
show: true, //x轴线颜色
|
lineStyle: {
|
color: "#5d7289"
|
},
|
|
};
|
}
|
|
if(option.yAxis.axisLine){
|
if(option.yAxis.axisLine.lineStyle){
|
if(option.yAxis.axisLine.lineStyle.color){
|
if(option.yAxis.axisLine.lineStyle.color==="#fff"){
|
option.yAxis.axisLine = {
|
show: true, //y轴线颜色
|
lineStyle: {
|
color: option.yAxis.axisLine.lineStyle.color
|
},
|
|
};
|
}else{
|
option.yAxis.axisLine = { //y轴线颜色
|
show: true,
|
lineStyle: {
|
color: "#5d7289"
|
}
|
};
|
}
|
}
|
}
|
}
|
else{
|
option.yAxis.axisLine = { //y轴线颜色
|
show: true,
|
lineStyle: {
|
color: "#5d7289"
|
}
|
};
|
}
|
|
|
|
//条形图
|
if (option.yAxis[0]) {
|
option.yAxis[0].axisLine = { //y轴线颜色
|
show: true,
|
lineStyle: {
|
color: "#5d7289"
|
}
|
};
|
}
|
|
option.xAxis.axisTick = {//设置x轴的刻度显示
|
show: true
|
};
|
if(option.yAxis.axisLabel){
|
if(option.yAxis.axisLabel.color){
|
if(option.yAxis.axisLabel.color==="#fff"){
|
option.yAxis.axisLabel = { // y轴文本标签字体 颜色
|
textStyle: {
|
//fontFamily: 'Roboto-Regular',
|
//fontWeight: "bolder"
|
},
|
color: option.yAxis.axisLabel.color //30eee9
|
};
|
}else{
|
option.yAxis.axisLabel = { // y轴文本标签字体 颜色
|
textStyle: {
|
//fontFamily: 'Roboto-Regular',
|
//fontWeight: "bolder"
|
},
|
color: "#000" //30eee9
|
};
|
}
|
}
|
}else{
|
option.yAxis.axisLabel = { // y轴文本标签字体 颜色
|
textStyle: {
|
//fontFamily: 'Roboto-Regular',
|
//fontWeight: "bolder"
|
},
|
color: "#000" //30eee9
|
};
|
}
|
|
|
// y轴分割线
|
//for (var i = 0; i < option.yAxis.length; i++) {
|
// if (i = 1) { continue;} //取消右侧y轴显示
|
// if (option.yAxis[i]) {
|
// option.yAxis[i].splitLine = {
|
// show: true,
|
// lineStyle: {
|
// color: "#5d7289",
|
// width: 2,
|
// type: "bolid"
|
// }
|
// }
|
// };
|
|
|
//}
|
//if (option.yAxis) {
|
// option.yAxis.splitLine = {
|
// lineStyle: {
|
// show: true,
|
// color: "#5d7289",
|
// width: 2,
|
// type: "bolid"
|
//}
|
//}}
|
|
|
//使x轴字体倾斜
|
option.xAxis.axisLabel.rotate = 40;
|
option.grid = { x:"12%" };
|
|
//option.legend = ''; //设置图例为空
|
//option.backgroundColor = "white";
|
|
return option;
|
};
|
//饼状图的配置
|
function getpieTheme(option) {
|
option.backgroundColor = "transparent";
|
|
option.grid = { y2: '22%', y: '17%' };
|
//设置标题的位置
|
option.title.left = "2%";
|
option.title.top = "2%";
|
option.title.color = "#000";
|
if (option.series[0]) {
|
//设置饼状图的位置
|
// option.series[0].center = ['36%', '50%'];
|
option.series[0].center = ['50%', '50%'];
|
//设置饼状图的标签线不显示
|
option.series[0].labelLine = {
|
normal: {
|
length: 10,
|
length2: 20,
|
smooth: false,
|
show: false
|
}
|
},
|
option.series[0].label = {
|
normal: { show: false }
|
}
|
} else {
|
option.series.labelLine={
|
normal: {
|
length: 10,
|
length2: 20,
|
smooth: false,
|
show:false
|
}
|
},
|
option.series.label = {
|
normal: {
|
show: false
|
}
|
}
|
}
|
|
option.title.textStyle.fontSize = 16; //设置标题的字体大小
|
if (option.legend)
|
{
|
option.legend.color = "#000";
|
}
|
|
return option;
|
};
|
