Comments (7)
let me take a look
from angularjs-nvd3-directives.
can you post your code on plnkr so I can get a better idea of whats happening?
from angularjs-nvd3-directives.
Sorry, I've had a frustrating go at it today as nothing seemed to be working. I had to monkey-patch my current setup due to an upstream bug with NVD3, which took a non-trivial amount of time to discover and resolve. Then I ran into this current issue, and after trying everything I could (and reaching the upper-limits of my frustration threshold), I posted here hoping the symptoms would be indicative of the issue, as time isn't a luxury considering the previous problem set me back quite a bit.
And then I noticed it -- your examples were all including a nv.d3.css
. The problem is, I didn't seem to have that file in my project. "Ok, maybe they renamed or moved it" I thought, so I dug around but didn't find any CSS at all, either in your or in NVD3's bower dir. As a last resort, I checked the NVD3 project here on Github, and while they do have that file listed in their repo, it's not actually included in the bower package that I installed...
So, I had to manually download nv.d3.css
like a caveman and add the relevant references in my project (npm/bower/etc. have me so spoiled), and after a fresh build everything's working!
Thanks for offering to assist -- I closed the issue here when I discovered the root of the problem , but at the time I wasn't sure where the defect actually was, and so was hesitant to comment in a speculative manner.
from angularjs-nvd3-directives.
No problem. I was struggling with the same nvd3 issue as well. The bower.json file issue.
I apologize about the CSS file. I know how frustrating it is to spin on an issue. I think since I have built this so many ways that I overlooked the CSS file not in bower.
Let me know if you run into any other issues.
Chris
from angularjs-nvd3-directives.
No need to apologize, not your fault. I do plan to open an issue with NVD3 tomorrow though.
from angularjs-nvd3-directives.
for what it is worth, using 'grunt-curl', the following will download the latest css for you. This should get you going until the css is included in bower.
npm install grunt-curl
curl: {
'[path to]/nv.d3.css': 'https://raw.github.com/novus/nvd3/master/src/nv.d3.css',
}
from angularjs-nvd3-directives.
Thanks! I went ahead and just did it manually, but this might be useful for others.
I haven't opened a ticket with NVD3 yet because I am not 100% certain that there is a problem with their project, since I've yet to be able to install it via Bower. Though they seemingly have committed fixes for the JSON issue, it's not been released...
from angularjs-nvd3-directives.
Related Issues (20)
- how to i18n
- Custom data field names for sunburst..?
- How to achieve horizontal interactive guide line in nvd3 charts
- Need a vertical scroll in multiBarHorizontalChart if no. of bars increases
- How to i get data when iam click on pie chart HOT 2
- Discretebar Chart HOT 1
- Is there a way to save the graph and/or all its data to an xml or xmls ?
- TypeError: nv.dispatch.render_start is not a function HOT 2
- Pie Chart Label Lines with angular-nvd3
- Cannot read property 'disabled' of undefined
- Wrap long axis labels
- TypeError: nv.dispatch.render_start is not a function HOT 1
- Tooltip Not Hide while clicking outside of chart element in IPAD Devices
- Gradient color
- Format of focus chart x axis in "lineWithFocusChart" HOT 2
- Interactive Guideline Not showing on all the data points
- Fixed Labels on xAxis
- When selecting/deselecting legends with multi lines on line chart the lines start showing incorrect colors
- Cannot output data to another component using angular 2 custom event @Output()
- Discrete Bar chart tooltip customize
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from angularjs-nvd3-directives.