CN-342 图表优化

1.type=11的折线图,Y轴最小间隔是1,需要将其放开为包含小数,使曲线可以充满图表
2.detection顶部柱状图优化调整:
    (1).不同严重程度的柱体展示从并排改为堆叠
    (2).x轴时间格式精简为mm:ss,且数量过多导致x轴label重叠时,隐藏一部分label
This commit is contained in:
hyx
2022-03-09 15:05:46 +08:00
parent 1fda36a1bd
commit 9aedf25dd2
5 changed files with 75 additions and 66 deletions

View File

@@ -52,7 +52,7 @@ export const multipleBarOption = {
legend: {
icon: 'circle',
top: 10,
right: 10,
right: 30,
itemWidth: 10, // 设置宽度
itemHeight: 10 // 设置高度
},
@@ -72,7 +72,7 @@ export const multipleBarOption = {
},
axisLabel: {
color: '#737373',
interval: 0
interval: 'auto'
},
splitLine: {
show: false
@@ -104,6 +104,10 @@ export const multipleBarOption = {
{
name: 'critical',
type: 'bar',
stack:'eventSeverityTrend',
emphasis: {
focus: 'series'
},
barWidth: 15,
seriesLayoutBy: 'row',
itemStyle: {
@@ -113,6 +117,10 @@ export const multipleBarOption = {
{
name: 'high',
type: 'bar',
stack:'eventSeverityTrend',
emphasis: {
focus: 'series'
},
barWidth: 15,
seriesLayoutBy: 'row',
itemStyle: {
@@ -122,6 +130,10 @@ export const multipleBarOption = {
{
name: 'medium',
type: 'bar',
stack:'eventSeverityTrend',
emphasis: {
focus: 'series'
},
barWidth: 15,
seriesLayoutBy: 'row',
itemStyle: {
@@ -131,6 +143,10 @@ export const multipleBarOption = {
{
name: 'low',
type: 'bar',
stack:'eventSeverityTrend',
emphasis: {
focus: 'series'
},
barWidth: 15,
seriesLayoutBy: 'row',
itemStyle: {
@@ -140,6 +156,10 @@ export const multipleBarOption = {
{
name: 'info',
type: 'bar',
stack:'eventSeverityTrend',
emphasis: {
focus: 'series'
},
barWidth: 15,
seriesLayoutBy: 'row',
itemStyle: {