|
|
@ -152,15 +152,16 @@ export default {
|
|
|
|
title.textStyle = {
|
|
|
|
title.textStyle = {
|
|
|
|
color: optionsSetup.textColor,
|
|
|
|
color: optionsSetup.textColor,
|
|
|
|
fontSize: optionsSetup.textFontSize,
|
|
|
|
fontSize: optionsSetup.textFontSize,
|
|
|
|
fontWeight: optionsSetup.textFontWeight
|
|
|
|
fontWeight: optionsSetup.textFontWeight,
|
|
|
|
|
|
|
|
fontStyle: optionsSetup.textFontStyle,
|
|
|
|
};
|
|
|
|
};
|
|
|
|
title.subtext = optionsSetup.subText;
|
|
|
|
title.subtext = optionsSetup.subText;
|
|
|
|
title.subtextStyle = {
|
|
|
|
title.subtextStyle = {
|
|
|
|
color: optionsSetup.subTextColor,
|
|
|
|
color: optionsSetup.subTextColor,
|
|
|
|
fontWeight: optionsSetup.subTextFontWeight,
|
|
|
|
fontWeight: optionsSetup.subTextFontWeight,
|
|
|
|
fontSize: optionsSetup.subTextFontSize
|
|
|
|
fontSize: optionsSetup.subTextFontSize,
|
|
|
|
|
|
|
|
fontStyle: optionsSetup.subTextFontStyle,
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
this.options.title = title;
|
|
|
|
this.options.title = title;
|
|
|
|
},
|
|
|
|
},
|
|
|
|
// X轴设置
|
|
|
|
// X轴设置
|
|
|
@ -168,20 +169,25 @@ export default {
|
|
|
|
const optionsSetup = this.optionsSetup;
|
|
|
|
const optionsSetup = this.optionsSetup;
|
|
|
|
const xAxis = {
|
|
|
|
const xAxis = {
|
|
|
|
type: "category",
|
|
|
|
type: "category",
|
|
|
|
show: optionsSetup.hideX, // 坐标轴是否显示
|
|
|
|
// 坐标轴是否显示
|
|
|
|
name: optionsSetup.xName, // 坐标轴名称
|
|
|
|
show: optionsSetup.hideX,
|
|
|
|
|
|
|
|
// 坐标轴名称
|
|
|
|
|
|
|
|
name: optionsSetup.nameX,
|
|
|
|
nameTextStyle: {
|
|
|
|
nameTextStyle: {
|
|
|
|
color: optionsSetup.nameColorX,
|
|
|
|
color: optionsSetup.nameColorX,
|
|
|
|
fontSize: optionsSetup.nameFontSizeX
|
|
|
|
fontSize: optionsSetup.nameFontSizeX
|
|
|
|
},
|
|
|
|
},
|
|
|
|
nameRotate: optionsSetup.textAngle, // 文字角度
|
|
|
|
// 轴反转
|
|
|
|
inverse: optionsSetup.reversalX, // 轴反转
|
|
|
|
inverse: optionsSetup.reversalX,
|
|
|
|
axisLabel: {
|
|
|
|
axisLabel: {
|
|
|
|
show: true,
|
|
|
|
show: true,
|
|
|
|
interval: optionsSetup.textInterval, // 文字间隔
|
|
|
|
// 文字间隔
|
|
|
|
rotate: optionsSetup.textAngle, // 文字角度
|
|
|
|
interval: optionsSetup.textInterval,
|
|
|
|
|
|
|
|
// 文字角度
|
|
|
|
|
|
|
|
rotate: optionsSetup.textAngleX,
|
|
|
|
textStyle: {
|
|
|
|
textStyle: {
|
|
|
|
color: optionsSetup.Xcolor, // x轴 坐标文字颜色
|
|
|
|
// 坐标文字颜色
|
|
|
|
|
|
|
|
color: optionsSetup.colorX,
|
|
|
|
fontSize: optionsSetup.fontSizeX
|
|
|
|
fontSize: optionsSetup.fontSizeX
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
@ -206,25 +212,29 @@ export default {
|
|
|
|
const yAxis = [
|
|
|
|
const yAxis = [
|
|
|
|
{
|
|
|
|
{
|
|
|
|
type: "value",
|
|
|
|
type: "value",
|
|
|
|
splitNumber: optionsSetup.splitNumberLeft,// 均分
|
|
|
|
// 均分
|
|
|
|
show: optionsSetup.isShowYLeft, // 坐标轴是否显示
|
|
|
|
splitNumber: optionsSetup.splitNumberLeft,
|
|
|
|
name: optionsSetup.textNameYLeft, // 坐标轴名称
|
|
|
|
// 坐标轴是否显示
|
|
|
|
nameTextStyle: { // 别名
|
|
|
|
show: optionsSetup.isShowYLeft,
|
|
|
|
|
|
|
|
// 坐标轴名称
|
|
|
|
|
|
|
|
name: optionsSetup.textNameYLeft,
|
|
|
|
|
|
|
|
// 别名
|
|
|
|
|
|
|
|
nameTextStyle: {
|
|
|
|
color: optionsSetup.nameColorYLeft,
|
|
|
|
color: optionsSetup.nameColorYLeft,
|
|
|
|
fontSize: optionsSetup.namefontSizeYLeft
|
|
|
|
fontSize: optionsSetup.nameFontSizeYLeft
|
|
|
|
},
|
|
|
|
},
|
|
|
|
inverse: optionsSetup.reversalY, // 轴反转
|
|
|
|
|
|
|
|
axisLabel: {
|
|
|
|
axisLabel: {
|
|
|
|
show: true,
|
|
|
|
show: true,
|
|
|
|
textStyle: {
|
|
|
|
textStyle: {
|
|
|
|
color: optionsSetup.colorY, // y轴 坐标文字颜色
|
|
|
|
// 坐标文字颜色
|
|
|
|
fontSize: optionsSetup.fontSizeY
|
|
|
|
color: optionsSetup.colorYLeft,
|
|
|
|
|
|
|
|
fontSize: optionsSetup.fontSizeYLeft
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
axisLine: {
|
|
|
|
axisLine: {
|
|
|
|
show: true,
|
|
|
|
show: true,
|
|
|
|
lineStyle: {
|
|
|
|
lineStyle: {
|
|
|
|
color: optionsSetup.lineColorY
|
|
|
|
color: optionsSetup.lineColorYLeft
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
splitLine: {
|
|
|
|
splitLine: {
|
|
|
@ -233,25 +243,29 @@ export default {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
type: "value",
|
|
|
|
type: "value",
|
|
|
|
splitNumber: optionsSetup.splitNumberRight,// 均分
|
|
|
|
// 均分
|
|
|
|
show: optionsSetup.isShowYRight, // 坐标轴是否显示
|
|
|
|
splitNumber: optionsSetup.splitNumberRight,
|
|
|
|
name: optionsSetup.textNameYRight, // 坐标轴名称
|
|
|
|
// 坐标轴是否显示
|
|
|
|
nameTextStyle: { // 别名
|
|
|
|
show: optionsSetup.isShowYRight,
|
|
|
|
|
|
|
|
// 坐标轴名称
|
|
|
|
|
|
|
|
name: optionsSetup.textNameYRight,
|
|
|
|
|
|
|
|
// 别名
|
|
|
|
|
|
|
|
nameTextStyle: {
|
|
|
|
color: optionsSetup.nameColorYRight,
|
|
|
|
color: optionsSetup.nameColorYRight,
|
|
|
|
fontSize: optionsSetup.namefontSizeYRight
|
|
|
|
fontSize: optionsSetup.nameFontSizeYRight
|
|
|
|
},
|
|
|
|
},
|
|
|
|
inverse: optionsSetup.reversalY, // 轴反转
|
|
|
|
|
|
|
|
axisLabel: {
|
|
|
|
axisLabel: {
|
|
|
|
show: true,
|
|
|
|
show: true,
|
|
|
|
textStyle: {
|
|
|
|
textStyle: {
|
|
|
|
color: optionsSetup.colorY, // y轴 坐标文字颜色
|
|
|
|
// 坐标文字颜色
|
|
|
|
fontSize: optionsSetup.fontSizeY
|
|
|
|
color: optionsSetup.colorYRight,
|
|
|
|
|
|
|
|
fontSize: optionsSetup.fontSizeYRight
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
axisLine: {
|
|
|
|
axisLine: {
|
|
|
|
show: true,
|
|
|
|
show: true,
|
|
|
|
lineStyle: {
|
|
|
|
lineStyle: {
|
|
|
|
color: optionsSetup.lineColorY
|
|
|
|
color: optionsSetup.lineColorYRight
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
splitLine: {
|
|
|
|
splitLine: {
|
|
|
|