#javascript #css #typescript #charts #echarts
Вопрос:
Я пытаюсь создать диаграмму с приведенным ниже примером, но я не нашел никаких ссылок или примеров диаграмм, которые имеют это взаимодействие (при нажатии).
- Apache Диаграммы (электронные диаграммы) 4.9.10
на данный момент у меня это есть
let option: EChartsOption = {
tooltip: {
trigger: 'item',
},
legend: {
formatter: name => {
var series = myChart.getOption().series[0];
var value = series.data.filter(row => row.name === name)[0].value
return name ': ' value;
},
// selectedMode: false,
top: '35%',
align: 'right',
right: 0,
orient: 'vertical',
icon: 'circle',
textStyle: {
fontWeight: 'bold'
},
},
series: [
{
name: 'Access From',
type: 'pie',
radius: ['60%', '80%'],
avoidLabelOverlap: false,
label: {
show: true,
position: 'center',
formatter: (e) => {
return `${_totalVidas.toString()} vidas`;
},
},
emphasis: {
label: {
show: true,
fontSize: '20',
fontWeight: 'bold',
backgroundColor: 'grey', //Important
formatter: (e) => {
console.log(e);
return `${e.value.toString()} vidas`;
}
}
},
labelLine: {
show: true
},
tooltip: {
show: false
},
data: [
{ value: 2000, name: 'Aguardando Aceite' },
{ value: 2500, name: 'Aprovações' },
{ value: 1500, name: 'Recusados' },
{ value: 4000, name: 'Em Aberto' },
]
}
],
};
полный пример здесь:> https://stackblitz.com/edit/angular-ivy-jz3jsz