Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Anotations not work in stacked bar charts #51

Closed
katarina-simnova opened this issue Aug 24, 2018 · 5 comments
Closed

Anotations not work in stacked bar charts #51

katarina-simnova opened this issue Aug 24, 2018 · 5 comments
Labels
bug Something isn't working

Comments

@katarina-simnova
Copy link

Anotations in stacked bar charts don't show at all

@junedchhipa
Copy link
Contributor

Can you please provide more information?
Were you trying in horizontal bars or vertical columns?

I would like to see your code what have you tried.

@katarina-simnova
Copy link
Author

katarina-simnova commented Aug 24, 2018

Finally, annotations appeared in my chart, but they still do not work properly. Here is my code:

var options = {
        chart: {
            height: 200,
            type: 'bar',
            stacked: true,
        },
        plotOptions: {
            bar: {
                horizontal: true,
            },
        },
        series: [{
            name: 'Marine Sprite',
            data: [44]
        },{
            name: 'Striking Calf',
            data: [53]
        },{
            name: 'Tank Picture',
            data: [12]
        },{
            name: 'Bucket Slope',
            data: [9]
        },{
            name: 'Reborn Kid',
            data: [25]
        }],
        xaxis: {
            categories: ['Usage'],
        },
        legend: {
            show: false
        },
        annotations: {
            xaxis: [ {
                x: 100,
                borderColor: '#FEB019',
                label: {
                    text: 'limit',
                }
            }]
        }
    }

    var chart = new ApexCharts(
        document.querySelector("#chart"),
        options
    );
   
    chart.render();

Result:
chart

Annotation should be on tick 100.

@junedchhipa
Copy link
Contributor

Thanks for providing details, the code is helpful to generate the issue on my side as well.

I confirm that annotations doesn’t works as expected on horizontal bar charts.
I will soon address the issue in the next patch release.

Thanks

@junedchhipa junedchhipa added the bug Something isn't working label Aug 27, 2018
@bcruddy
Copy link

bcruddy commented Nov 8, 2018

@junedchhipa is this still an issue?

@junedchhipa
Copy link
Contributor

Yes, couldn't work on this issue. Just started working on it, thanks for reminding ;)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

3 participants