Hi, thanks.
This is may datasource information:
I’m using infinity to call for a JSON to an app
I don’t know if that’s what you needed.
I’m trying to get something like this, but getting the data from the datasource:
data = [
[
[0.998651840132317, 560002, ‘IVR_VISUAL_OFFER’],
[0.9530976607297791, 237899, ‘bluemarble-wso2-prd’],
[1, 208061, ‘K2View_PROD’],
[1, 11040, ‘BTPOSTVENTA’],
[1, 147909, ‘MicrositioServices’],
[1, 60970, ‘BatchApplyBenefitsREST’],
[1, 676, ‘ResellerKTPostventa’],
[1, 2441, ‘BatchASDConASC’],
[1, 24840, ‘IMSPCORE’],
[1, 39517, ‘BatchCancelation’],
[1, 1445091, ‘KairosWebServices’],
[1, 199825, ‘ASDWeb’],
[0.999972316149917, 358136, ‘PaymentBox’],
[1, 147227, ‘AxonIQ’],
[1, 1333038, ‘BTTopUpManager’],
[1, 254549, ‘OrderASD’],
[1, 17574, ‘BatchWMS’],
[0.999306075854752, 125462, ‘GatewayBanorte’],
[1, 13893508, ‘PROD-ESB-TUH’],
[1, 126282, ‘PaymentsRO’],
[1, 102884, ‘CandadoPortabilidad’],
[1, 713, ‘IVR_UNEFON_VISUAL_MTX_OFFER’],
[0.9998675202285627, 27476742, ‘BenefitManager’],
[1, 4065, ‘PaymentROB’],
[1, 41643, ‘ASDServer’],
[0.998079090412116, 146793, ‘Autorizador’],
[0.9979151851851852, 277637, ‘CPAGOSCruzados’],
[1, 17639, ‘ATMServices’],
[0.9923061661253383, 1022925, ‘IVR_HYBRID_OFFER’],
[0.9982366157954737, 650379, ‘SISCOBWS’],
[1, 34930, ‘BatchASDCC’],
[1, 6771, ‘BTNotificaSMS’],
[1, 1983021, ‘MIATT_APP’],
[1, 4069138, ‘BTNotificacionesTUH’],
[1, 13812, ‘SRSWeb’],
[1, 204, ‘PBServices’],
[1, 348004, ‘MiATTServices’],
[1, 4964066, ‘EsbMx’],
[1, 29348, ‘BatchASDDF’]
]
];
return {
title: {
text: ‘Excellence rate for all apps in terms of BTs’,
left: ‘2%’,
top: ‘3%’
},
grid: {
left: ‘10%’,
top: ‘10%’,
bottom: ‘15%’
},
backgroundColor: ‘rgb(17, 18, 23)’,
xAxis: {
name: ‘Apps Excellence Rate for BTs’,
nameLocation: ‘middle’,
nameGap: 30,
nameTextStyle: {
fontWeight: ‘bold’
},
splitLine: {
lineStyle: {
type: ‘dashed’
}
}
},
yAxis: {
name: ‘App Total Calls’,
nameLocation: “middle”,
nameGap: 80,
nameTextStyle: {
fontWeight: ‘bold’
},
splitLine: {
lineStyle: {
type: ‘dashed’
}
},
scale: true
},
dataZoom: [
{
type: ‘slider’,
}
],
series: [
{
name: ‘BTs Excellence Rate’,
data: data[0],
type: ‘scatter’,
symbolSize: function (data) {
return 20;
},
largeThreshold: 0.90,
emphasis: {
focus: ‘series’,
label: {
show: true,
formatter: function (param) {
const info = App: ${param.data[2]}, \nExc Rate: ${param.data[0]}, \nCalls: ${param.data[1]}
return info;
},
position: ‘top’
}
},
itemStyle: {
shadowBlur: 10,
shadowColor: ‘rgba(120, 36, 50, 0.5)’,
shadowOffsetY: 5,
color: function (param) {
if (param.data[0] >= 0.995) {
return new echarts.graphic.RadialGradient(0.4, 0.3, 1, [
{
offset: 0,
color: '#69F0AE ’
},
{
offset: 1,
color: ‘#4CAF50’
}
])
} else if (param.data[0] > 0.99) {
return new echarts.graphic.RadialGradient(0.4, 0.3, 1, [
{
offset: 0,
color: '#F4FF81 ’
},
{
offset: 1,
color: ‘rgb(204, 46, 72)’
}
])
} else if (param.data[0] <= 0.99) {
return new echarts.graphic.RadialGradient(0.4, 0.3, 1, [
{
offset: 0,
color: ‘rgb(250, 42, 50)’
},
{
offset: 1,
color: ‘rgb(204, 46, 72)’
}
])
}
}
}
}
]
};