xaxis annotations for category type stopped working with new release. #3649
singhparamvir
started this conversation in
General
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
xaxis annotations for category type stopped working with new release.
<script src="https://cdn.jsdelivr.net/npm/apexcharts"></script> <script> var options = { chart: { height: 380, width: "100%", type: "line", }, xaxis: { type: "category", tickAmount: 11, categories: ["1991","1992","1993","1994","1995","1996","1997", "1998","1999","2000"],The examples in the apexcharts.com for category type stop showing the xaxis annotations.
Please help me with . Thanks
Simple sample code putting here.
},
series: [
{
name: "Series 1",
data: ["1", "2", "3", "5", "6", "7", "8","9","10" ]
}
],
grid: {
row: {
colors: ['#fff', '#f2f2f2']
}
},
annotations: {
yaxis: [
{
y: "2",
borderColor: '#ff0000',
label: {
style: {
background: '#fff',
color: '#777',
fontSize: '12px',
fontWeight: 400,
fontFamily: undefined,
cssClass: 'apexcharts-xaxis-annotation-label',
},
text: 'Y-axis annotation'
}
}
],
xaxis: [
{
x: "1995",
borderColor: '#ff0000',
label: {
style: {
color: '#ff0000',
},
text: 'X-axis annotation'
}
}
]
}
};
var chart = new ApexCharts(document.querySelector("#chart"), options);
chart.render();
Beta Was this translation helpful? Give feedback.
All reactions