Here is plunker - http://plnkr.co/edit/VYH5QbO99ZbMkvc2D4Fe?p=preview
As I add more and more categories, these labels overlap and I can't see anything
Is there a better way to align labels?
Thanks
I rather moved to using NVD3 and created pie charts
The demo and code is availale http://plnkr.co/edit/qJnZzBS4ZOUtD2q9FV11?p=preview
Related
I have one JSfiddle https://jsfiddle.net/xdkhs18p/
Dummy code section to post question.
when I increase the width of frame where chart is drawn to around 1100px and then run the fiddle I can see some of the initial x-axis labels are missing.
JSFIddle with 7.2.1 highchart https://jsfiddle.net/kamaldeka/zntm7epg/6/
This fiddle show the x-axis label correctly.
one can see the difference in the x-axis labels in both the fiddles
This is a bug in Highcharts 8.0.4
https://github.com/highcharts/highcharts/issues/13430
As title sais. What I'm looking for is actualy more of a bar chart with only one axis and multiple bars overlapping. Sorry, hard to describe. I drew a sketch:
Note: It's not a stacked bar chart!
Thanks guys!
Finally I've found what I was looking for.
It's called a "Linear Gauge" and I realized it with chart.js using a gradient as background and hiding the y-Axis.
I have been searching for a working example of a chart inside tooltips of the another chart. I have not been able to find something so far. I am wondering if it is at all possible.
Yes, probably it is not very common but as far as I know it is possible and you just need to append the new D3 SVG drawing into the tooltip with the function
d3.select("#tooltip").append("svg:svg") //Line 252
On this D3 chart tooltip JSFiddle I'm adding a D3 chart to the #tooltip element.
I have finally tried to rebuild my 12 month old project better.
What I Have:
A Doughnut Chart (chart.js) with an Accordion (jqueryUI) for the details.
When I click on a part of the doughnut, the Accordion on the left shows the Details (Text) for this Segment.
I would like to redesign the Tooltips as you can see in the both screenshots
where can i change the positioning of the Tooltips to be around the Chart and not on it? anyone any suggestions? all i can see in the Code is just the behavior to put the arrow above or below the tooltip...
thanks for help
i'm currently working with d3.js and with the nvd3 library, i need a chart that has multiple bars that can be stacked and grouped like this example http://nvd3.org/ghpages/multiBar.html plus a line chart like the following example http://nvd3.org/ghpages/linePlusBar.html
So what I need exactly is a MultiBarChart with a line chart , can anyone show me an example somewhere. Thanks