CN-342 图表优化
1.type=11的折线图,Y轴最小间隔是1,需要将其放开为包含小数,使曲线可以充满图表
2.detection顶部柱状图优化调整:
(1).不同严重程度的柱体展示从并排改为堆叠
(2).x轴时间格式精简为mm:ss,且数量过多导致x轴label重叠时,隐藏一部分label
This commit is contained in:
@@ -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: {
|
||||
|
||||
Reference in New Issue
Block a user