最新官网: https://echarts.apache.org/examples/en/index.html
constructor(
private translate: TranslateService,
) {
this.translate.onLangChange.subscribe((event: LangChangeEvent) => {
this.currentLang = event.lang;
this.getGroupDashboardInfo();
});
}
let lang = this.currentLang ? this.currentLang : localStorage.getItem('currentlang');
var data = [
{'value': result.result[0].value, 'name': lang == 'en' ? 'Zero-Day Threats' : '零日攻击'},
{'value': result.result[1].value, 'name': lang == 'en' ? 'Other Threats' : '其他攻击'}
];
legend: {
x: '3%',
orient: 'horizontal',
data: [lang == 'en' ? 'Zero-Day Threats' : '零日攻击', lang == 'en' ? 'Other Threats' : '其他攻击'],
textStyle: {
color: '#fff'
}
},
series: [
{
name: lang == 'en' ? 'Other Threats' : '其他攻击',
type: 'bar',
stack: 'one',
barWidth: 9,//柱图宽度
itemStyle: {
emphasis: {
barBorderRadius: 6
},
normal: {
barBorderRadius: 6,
color: '#3fc7be'
}
},
data: data_2,
},
{
name: lang == 'en' ? 'Zero-Day Threats' : '零日攻击',
type: 'bar',
stack: 'one',
barWidth: 10,//柱图宽度
itemStyle: {
emphasis: {
barBorderRadius: 6 //设置圆角(鼠标移到图上时)
},
normal: {
barBorderRadius: 6, //设置圆角
color: '#f07c30'
}
},
data: data_1,
},
]