Hello fellow IT warriors,
I am in a desperate need of assistance. I've been looking through all the posts
and forums google will serve me without any success.
I need to hide the splitLine on Y axis for max value but I am unable to do it.
As you can see in the image attached to this email.
Is there a way to do it? The only idea I have is to create a second invisible Y
axis and have the max value on it with everything set to "show: false". In
theory it should increase the overall chart height but not show the max
splitLine? I have not tried it yet.
What I am trying to achieve is to have max value that is always higher by 30%
than the total of the stacked bar but that is not shown as a tick or as a
splitLine on the Axis.
I was thinking of asking on git but the only option I was was to report a bug
and this isn't a bug so I didn't do it. Anyway thank you for your time whoever
is reading this.
This is the config I have for it (svelte):
export const chartConfig = {
xAxis: {
type: 'category',
data: ["Q1 '24", "Q2 '24", "Q3 '24", "Q4 '24"],
axisTick: {
show: false,
},
},
yAxis: {
type: 'value',
axisLine: {
show: true,
},
axisLabel: {
showMaxLabel: false,
},
max: (value: { max: number; min: number }) => {
return value.max * 0.3 + value.max;
},
name: 'Values',
nameGap: 42,
nameLocation: 'middle',
nameTextStyle: {
fontSize: 14,
},
},
legend: {
type: 'plain',
bottom: '2%',
left: '10%',
},
tooltip: {
show: true,
},
series: [
{
data: [65],
type: 'bar',
stack: 'a',
name: 'A',
itemStyle: {
color: 'rgb(69, 101, 76)',
},
},
{
data: [35],
type: 'bar',
stack: 'a',
name: 'B',
itemStyle: {
color: 'rgb(245, 218, 102)',
},
},
],
};
Even if you can't help, I appreciate if you read this at all and gave it a
thought. Have a great day.
Kind regards,
Ilija
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
