Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Feb 07 2019 13:48
    jsanjeev edited #181
  • Feb 07 2019 13:38
    jsanjeev opened #181
  • Oct 09 2018 03:14
    i-konie opened #180
  • Sep 20 2018 15:47
    allnash commented #179
  • Sep 20 2018 15:47
    allnash edited #179
  • Sep 20 2018 13:23
    diegovincent commented #179
  • Sep 17 2018 12:48
    NitsanBaleli commented #155
  • Sep 17 2018 12:48
    NitsanBaleli commented #155
  • Jun 18 2018 20:50
    librien commented #39
  • May 21 2018 18:15
    allnash opened #179
  • Apr 30 2018 11:33
    A-Allam closed #178
  • Mar 28 2018 07:35
    Slandais commented #178
  • Mar 28 2018 07:34
    Slandais commented #178
  • Mar 28 2018 07:33
    Slandais commented #178
  • Feb 19 2018 08:29
    Lloyd-Nha commented #132
  • Feb 18 2018 12:23
    A-Allam opened #178
  • Feb 05 2018 07:32
    learncurve opened #177
  • Jan 29 2018 00:17
    haotinypulse commented #132
  • Dec 04 2017 12:44
    bjhirsch opened #176
  • Nov 28 2017 19:54
    dairdev commented #167
Jettro Coenradie
@jettro
Welcome to the c3-angular-directive gitter. Will try to be here as often as possible to answer questions.
Denko Manceski
@denkomanceski
I saw in c3.js properties we can make x.axis.extent if we want the original chart to be different than the subchart. So, how do we set the "x.axis.extent" property here in c3 angular directives?
here is an example: https://github.com/masayuki0812/c3/blob/master/htdocs/samples/axes_x_extent.html
Jettro Coenradie
@jettro
I have a version that has a callback method to do these kind of things that are not supported yet. I did not document the feature though. Will try to give an example tomorrow.
Anthony Elliott
@anthonye2007
@jettro Is there a way to dynamically show or hide the legend on a chart? Or if not, is there a way to reload the entire chart with new settings without reloading the other components in my page?
I'd like to show the legend by default but then turn it off when there is only one column in my data. The data is loaded dynamically
I can get it to not show at all using <chart-legend legend-position="right" show-legend="false"/>
but after the chart has already been created with the legend off, then my user might load a new dataset in which has multiple columns and I'll want to then show the legend
thanks for all your work on this project btw!!
Jettro Coenradie
@jettro
@anthonye2007 I am sorry, but lately a lot of request for more dynamic features are coming by. Need to think about a good solution to do this.
Anthony Elliott
@anthonye2007
@jettro ok, thanks for responding. Is there a way for me to easily clear the chart?
Jettro Coenradie
@jettro
@anthonye2007 No not really, I could create something like, redraw, I am afraid that will not help you with the legend problem though, it would not re-read the angularjs property I think. I was also working on a callback mechanism to change the data underneath manually. I could finish that, add the redraw feature and see if it helps.
Anthony Elliott
@anthonye2007
@jettro whats the use case for using the callback to change the data? I've had success changing the data points and columns in an Angular controller and it gets reflected in the chart quickly. Yeah, not sure if the redraw would help or not... I can delve into the code more next week hopefully
Jettro Coenradie
@jettro
@anthonye2007 The callback would be more like a last resort if you want to do something that is not yet possible using the normal api
Anthony Elliott
@anthonye2007
ah
Jettro Coenradie
@jettro
Just released version 0.6.0 with callback support on the chart object. Check the sample callback-sample to show how to hide and show the legend using the callback.
Jettro Coenradie
@jettro
working on the documentation, get a sneak peak here: http://jettro.github.io/c3-angular-directive/api-docs/0.7/C3jsChartDirective.html
MazzMazz
@MazzMazz
@jettro : Is it possible to autoresize the graph if the user rotates the device or changes window size?
Jettro Coenradie
@jettro
@MazzMazz By default the height is fixed and than the uses auto(re)size based on the container it is in.
Christian Malek
@christianmalek
Hi
If I use animations for state transition the c3-angular-directives have wrong dimensions. If I disable them, it works like a charme. Is there an alternative solution for this problem?
Christian Malek
@christianmalek
Here is an example of what i mean: Imgur
Jettro Coenradie
@jettro
Hi @Phisherman I am sorry, but I do not really understand what you mean. I checked your link but I am not sure what is good and what not. Can you elaborate a bit more? Also, I haven’t looked into animations for real, so could well be that they do not work as they should.
Christian Malek
@christianmalek
@jettro The problem are the gauge charts. If I use a transition which resizes the parenting container they set their width to the current width of the container which results in the charts shown above. The line graph isn't relevant. Sorry for the confusion.
Anthony Elliott
@anthonye2007

@jettro Thanks for implementing that callback feature a while ago - big help! However, I'm now having issues with the columns... I want the user of my app to be able to create a graph such as cost of oil for one city over time. Then they might want to look at the cost of oil over all cities in a country. This requires going from one column to many columns. And then they might want to return to the one city view with just one column again. When I do this, the column names don't change in the legend, and it looks like columns are never removed when going from multiple columns down to one (it still shows multiple columns even though it should be showing just one).
I am using the flush() feature as well as clearing out the columns array and datapoints array but it doesn't seem to have any effect. This did work in version 0.4. I also tried using destroy(), but then I couldn't get the graph to initialize again...

I just ran into this last night and plan on taking a look at it now, but figured I'd run it past you first in case I'm missing something obvious. Thanks again for the updates!!

Jettro Coenradie
@jettro
@anthonye2007 The dynamic columns is on my which list, problem is that I am having to much work at the moment to do some serious work. Maybe if you can create a code sample I can have a look. But the coming two weeks I cannot make promises.
Anthony Elliott
@anthonye2007
@jettro np, I looked into it a bit and think that we may just need to unload the targets (if i got that right). However, calling unload in the graph creation process didn't work as expected, so am gonna try passing the unload: true option when calling the load function. Will let you know.
Jettro Coenradie
@jettro
Drafted a release 0.7.0 with bug fix for $timeout, and added sorting for pie/donut charts.
Christian Malek
@christianmalek
Good morning! Is it possible to create the charts only then when the data is loaded? I'm currently working on interval updates of my charts. But I have the problem that it doesn't show any chart. I think it is because I reference properties of objects who doesn't exist at the beginning.
Christian Malek
@christianmalek
Hm, I found a solution. But unfortunately the charts don't update.