exelio
Posts: 2
Joined: Mon Aug 23, 2021 1:59 pm

How to separate two columns belonging the same element [200005264-xlwhxc]

Hi!
I'm new with Highcharts, and i've a problem with bar chart.
I use a form to add data and create a series to add into a chart. After that series are created but some columns are overlied and I can't distinguish them, how can i solve it?

I've these plotOptions, should I add something in 'columns' ?

plotOptions: {
spline: {
marker: {
enabled: true
},
borderWidth: 0,
dataLabels: {
enabled: false,
formatter: function() {
if (this.point.value_label) {
return this.point.value_label.replace('·', ' ');
}
},
x: 3,
y: -30,
rotation: 270,
style: {
fontSize:'10px'
}
}
},
column: {
maxPointWidth: 60,
pointWidth: 15,
marker: {
enabled: true
},
borderWidth: 0, // distanza dall'asse x
dataLabels: {
crop: false,
overflow: "none",
enabled: true,
formatter: function() {
if (this.point.pointWidth < 1) {
return "";
} else if (this.point.value_label) {
return this.point.value_label.replace('&middot;', ' ');
}
},
x: 20,
y: -30,
rotation: 270,
style: {
fontSize:'10px'
}
}
}
}
mateusz.b
Posts: 2006
Joined: Tue Jul 13, 2021 11:34 am

Re: How to separate two columns belonging the same element [200005264-xlwhxc]

Hi exelio,

Thanks for contacting us with your question.

Unfortunately I can't tell what do you want to achieve by looking at that shared piece of code. Please try to reproduce your chart with sample data in a form of a live working demo, and tell me exactly what would you like to change. You can start here:
https://jsfiddle.net/BlackLabel/2syx01mt/

Best regards!
Mateusz Bernacik
Highcharts Developer

Return to “Highcharts Usage”