ui fix
This commit is contained in:
parent
580375132a
commit
2b1b04f59c
@ -21,17 +21,6 @@ use([BarChart, GridComponent, TooltipComponent, CanvasRenderer])
|
|||||||
let displayMaxLobbying = 0;
|
let displayMaxLobbying = 0;
|
||||||
let displayYear = 'n/a';
|
let displayYear = 'n/a';
|
||||||
|
|
||||||
function normalizer(value) {
|
|
||||||
if (Math?.abs(value) >= 1e9) {
|
|
||||||
return { unit: 'B', denominator: 1e9 };
|
|
||||||
} else if (Math?.abs(value) >= 1e6) {
|
|
||||||
return { unit: 'M', denominator: 1e6 };
|
|
||||||
} else if (Math?.abs(value) >= 1e5) {
|
|
||||||
return { unit: 'K', denominator: 1e3 };
|
|
||||||
} else {
|
|
||||||
return { unit: '', denominator: 1 };
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
function getPlotOptions() {
|
function getPlotOptions() {
|
||||||
@ -48,8 +37,6 @@ function getPlotOptions() {
|
|||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
const {unit, denominator } = normalizer(Math.max(...valueList) ?? 0)
|
|
||||||
|
|
||||||
const option = {
|
const option = {
|
||||||
silent: true,
|
silent: true,
|
||||||
animation: false,
|
animation: false,
|
||||||
@ -76,16 +63,15 @@ function getPlotOptions() {
|
|||||||
splitLine: {
|
splitLine: {
|
||||||
show: false, // Disable x-axis grid lines
|
show: false, // Disable x-axis grid lines
|
||||||
},
|
},
|
||||||
|
|
||||||
axisLabel: {
|
axisLabel: {
|
||||||
color: '#fff', // Change label color to white
|
show: false // Hide y-axis labels
|
||||||
formatter: function (value) {
|
}
|
||||||
return '$'+(value / denominator)?.toFixed(1) + unit; // Format value in millions
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
series: [
|
series: [
|
||||||
{
|
{
|
||||||
|
name: 'Spending [$]',
|
||||||
data: valueList,
|
data: valueList,
|
||||||
type: 'bar',
|
type: 'bar',
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
|
|||||||
@ -101,25 +101,21 @@ use([BarChart, GridComponent, CanvasRenderer])
|
|||||||
splitLine: {
|
splitLine: {
|
||||||
show: false, // Disable x-axis grid lines
|
show: false, // Disable x-axis grid lines
|
||||||
},
|
},
|
||||||
|
|
||||||
axisLabel: {
|
axisLabel: {
|
||||||
color: '#fff', // Change label color to white
|
show: false // Hide y-axis labels
|
||||||
formatter: function (value, index) {
|
|
||||||
if(index % 2) {
|
|
||||||
return '$'+(value / denominator)?.toFixed(1) + unit; // Format value in millions
|
|
||||||
} else {
|
|
||||||
return ''
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: 'value',
|
type: 'value',
|
||||||
show: false,
|
|
||||||
splitLine: {
|
splitLine: {
|
||||||
show: false, // Disable x-axis grid lines
|
show: false, // Disable x-axis grid lines
|
||||||
},
|
},
|
||||||
position: 'right',
|
|
||||||
|
|
||||||
|
axisLabel: {
|
||||||
|
show: false // Hide y-axis labels
|
||||||
|
},
|
||||||
|
position: 'right',
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
series: [
|
series: [
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user