You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Fixed the x-axis color setting which I missed for bar charts
Note that the name of the property is changed from color to colors xaxis.labels.style.colors
It accepts an array as well as a single string color. Here is the doc - https://apexcharts.com/docs/options/xaxis/#labelsColor
here i am passed 8 color for each data item but its only show first 4 color for both bar 1 and bar 2 i want to 4 colors for 1st bar and another 4 color for second bar please give me the solution const ebChartData = {
series: [
{
data: [17, 11],
name: "PRODUCT A",
},
{
data: [17,11],
name: 'PRODUCT B',
},
{
data: [17, 11],
name: "PRODUCT C",
},
{
data: [11, 17],
name: 'PRODUCT D',
},
],
colors: ["#B7A0E0", "#EC99C2", "#FEBF89", "#FFE083","#C4F9CA", "#A3C4F3", "#98F5E1", "#FDE4CF"],
chart: {
type: "bar",
stacked: true,
toolbar: {
show: false,
},
},
xaxis: {
categories: ["Assets", "Liabilities & Equity"],
},
fill: {
opacity: 1,
},
legend: {
show: false,
},
plotOptions: {
bar: {
How to change xaxis labels colors?
I'm using this configuration
The text was updated successfully, but these errors were encountered: