You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@echarts.apache.org by Ilija Martic <go...@hotmail.com> on 2024/03/25 19:49:51 UTC
Support for Apache Echarts stacked bar chart
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