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 13:48
    jsanjeev edited #181
  • Feb 07 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
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.
Kevin Horvath
@KevinHorvath
Hey @Phisherman what solution did you find to updating the charts dynamically? I am looking for a similar solution...
Christian Malek
@christianmalek
@KevinHorvath I used another framework called https://github.com/GraFiddle/angular-chart
Kevin Horvath
@KevinHorvath
Is there any way to update a donut chart's title dynamically?
Martin Freytes
@marton987
Hi all! @jettro I hope you don’t mind, I’d created a PR to add support for regions :)
Jettro Coenradie
@jettro
Hi @marton987 of course I do not mind. Going to try this week to have a look at it. Thanks.
Martin Freytes
@marton987
Great... Please tell me if I should update something
Jettro Coenradie
@jettro
@marton987 I merged the pull request in master, I really liked the docs as well as the additional example. It is now in master. Try to squash some bugs before the end of the week, than I’ll create a release 1.1.
Martin Freytes
@marton987
Awesome, thanks @jettro sounds good! If I see anything else to help I’ll create another PR :)
Jettro Coenradie
@jettro
Just released version 1.1.0. Still thinking about focus for next release. Will go trough all the bugs and enhancements once more and add them to the next release if interesting. Also keeping a close watch on C3 library. It seems there is tracktion again, so might need to check changes in 0.4.11.
Jettro Coenradie
@jettro
And a new release is available, 1.2.0
pashist
@pashist
Hi @jettro
Great work! Could you update npm version of c3-angular package ?
Jettro Coenradie
@jettro
Just created release 1.3, thanks for the help with pull requests and issues
Jettro Coenradie
@jettro
Created a new release 1.3.1
Danny
@TheNew000
Hey Jettro, I sent you an email about updating the toolTip directive Specifically I'd like to add a "$" before the value display? I am unsure how to use the value-format-function attribute?
@pashist yes you can!
Vernuft123
@Vernuft123

Hey Guys, I have

´´´

<c3chart bindto-id="chart" show-labels="true" chart-data="datapoints" chart-columns="datacolumns" enable-zoom="true" rescale="true" chart-x="datax">
´´´´

How can i enable Zooming in on the Y-axis?

I have to do the following:

zoom: {
rescale: true
}

But i dont know how to do this from the controller.
So my question is: How can i set the rescale option to true on my c3chart?
Vernuft123
@Vernuft123
i have used a different c3 directive, but im still curious to what the solution could have been.
davidtakagi
@davidtakagi
Hi