GithubHelp home page GithubHelp logo

gampleman / chartkit Goto Github PK

View Code? Open in Web Editor NEW
12.0 12.0 3.0 85 KB

Angular + Highcharts Integration

Home Page: https://plnkr.co/edit/aUio5QL6zZLbf3VUSexV

License: MIT License

JavaScript 100.00%
angular data-visualization highcharts

chartkit's People

Contributors

gampleman avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

chartkit's Issues

Install using bower

Hi, seems your package is ready to be installed through bower install, but doesn't work because no release tag is set. Can you provide that?

Unable to redraw chart from link-function

Hi,

I'm trying to dynamically change the settings of the chart, and as far as I can see, the only way to do that is by listening for an event, which can be hooked up in the link-"API", like so:

 link: function(scope, element, attrs, chart) {
      $rootScope.$on('event', function(){
        console.log('redraw!');
        chart.redraw();
      });
      ....
}

Thing is, nothing happens with chart.redraw() is called. It's like none of the Highcharts API methods actually make changes to the chart.

Am I going a completely wrong way with this?

Tiny fix for the actual plunker

Update //rawgithub.com/highcharts/highcharts/master/js/highcharts.src.js in index.html by //code.highcharts.com/highcharts.src.js in the Plunker because it is not working anymore.

I guess everyone would have figured, of course.

scope.$apply wrapping events triggers "$digest already in progress"

This issue does not go for all events, but for me, these are currently causing trouble:

chart.events.load and chart.xAxis.events.setExtremes

The setExtremes event only triggers the error initially, the load event error prevents the chart from ever drawing.

I asume this is because of some DOM-related events, that also trigger Angular $digests when things initially load? If so, is there a way for the event callback wrapper to know about that, and not call $apply in special cases?

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.