Git Product home page Git Product logo

Comments (2)

cleroux avatar cleroux commented on June 24, 2024

Sorry, I never considered positioning the label at the outside bottom because it would overlap with the axis. I do not plan to implement such a feature.

I don' use Flot anymore but I'll leave this issue open for now in case I have some time to investigate.

from flot.barlabels.

cleroux avatar cleroux commented on June 24, 2024

So if I understand correctly, I think this is already supported by Flot's Categories plugin. See an example here:
http://www.flotcharts.org/flot/examples/categories/index.html

However, if you still want to use this plugin, I had some success with the following changes.

} else if (pos == positions.bottom_outside) {
    if (y >= 0) {
        valign = "top";
        py = pb + series.labels.padding;
    } else {
        valign = "bottom";
        py = pb - series.labels.padding;
    }
}

Also comment out this code which serves to keep labels inside the plot area:

/*if (Math.abs((series.yaxis.p2c(0) - series.yaxis.p2c(y))) - series.labels.padding < textInfo.height) {
    pos = positions.outside;
}*/

And lastly, just to be thorough, make sure you've added bottom_outside to this enum (though I think you probably did this already):

var positions = {
    middle: 0,
    base: 1,
    end: 2,
    outside: 3,
    bottom_outside: 4
};

I will not be adding this feature to this plugin since I think it is handled better by Flot. But I hope this helps anyway.

from flot.barlabels.

Related Issues (7)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.