maseh87 / c3-chart Goto Github PK
View Code? Open in Web Editor NEWCustom directive to include C3 charts into your Angular apps
Custom directive to include C3 charts into your Angular apps
"name": "angular-c3",
"main": [
"dist/c3-chart.js",
"dist/c3-chart.css"
],
Problem faced while loading async config.
fix: Now the directive can be wrapped under data-ng-if
and it will work
HI Ive just installed this using bower and I get a error as the bower.json file has the main: set to "c3-chart.js" when it should be "dist/c3-chart.js" once I change that the usemin block will work as grunt usermin uses the main path for the include in the page as I use usermin to concat vendor js file . Also the css file as not included when using bower + usermin .. Im new to bower and yo angular generator so It might just be a issue when using them with this..
Thanks for this library love it ๐
Right now the legend is right against the bottom of the chart. It needs 5px of spacing between the end of the chart and the start of the legend
the data attr is already a HTML5 valid attr name. Don't use that one, use another name like....
or . Something that makes sense but is not data. Look up synonyms.
<div ng-repeat="item in items">
<c3-chart id="chart-{{item.name}}" config="item.chartConfig"></c3-chart>
</div>
This does not display charts, not even axis.
I created a directive that contains a c3-chart and I have multiples of these directives on a page. For the binding to work I have to set the ID of the c3-chart directive in the controller for my directive. Basically, I am appending 'myChart' to an ID that is passed to my directive. However, when I do this the chart is not drawn and it's due to d3_select not finding the element.
I have found that by putting the c3.generate and c3Factory.register calls in the c3Chart directive in a timeout function my charts are bound and hence drawn correctly.
Is it possible to release the latest version? I just found out that I problem I had with the directive was solved here on github but not accessible through bower.
Thank you
use more directives
current the css file is not included in the bower package. Needs to be sent as well.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.