<ve-line :data="chartData" :extend='chartExtend' height="100%"></ve-line>
data() {
this.chartExtend = {
'xAxis.0.axisLabel.color': 'white', //x轴文本颜色
'yAxis.0.axisLabel.color': 'white', //y轴文本改变颜色
legend: {
textStyle: {
color: 'white',
}
}
};
return {
chartData: {
columns: ['日期', '告警信息', '违规信息', '红头信息', '涉密信息'],
rows: [
{ '日期': '1/1', '告警信息': 1393, '违规信息': 1093, '红头信息': 2500, '涉密信息': 2000 },
{ '日期': '1/2', '告警信息': 3530, '违规信息': 3230, '红头信息': 2600, '涉密信息': 1990 },
{ '日期': '1/3', '告警信息': 2923, '违规信息': 2623, '红头信息': 3000, '涉密信息': 2200 },
{ '日期': '1/4', '告警信息': 1723, '违规信息': 1423, '红头信息': 1500, '涉密信息': 2100 },
{ '日期': '1/5', '告警信息': 3792, '违规信息': 3492, '红头信息': 2200, '涉密信息': 1950 },
{ '日期': '1/6', '告警信息': 4593, '违规信息': 4293, '红头信息': 1900, '涉密信息': 1680 }
]
}
}
},