I need to match the designs to have the label extruding out with a horizontal line attached to the slice ticks. Is this possible?
There is support for lines to slice labels as of dc.js 2.0 beta 20.
It's called drawPaths:
https://github.com/dc-js/dc.js/blob/develop/web/docs/api-latest.md#dc.pieChart+drawPaths
It could be improved, as noted in the PR, but it's a start.
Related
I am using Dojo Charts to create some line graphs, and this is how the chart looks,
this id chartData: 0,0,0,0,65,223
And when I create the graph using Chart.js, this is how it is rendered
Ignore the x-axis and other things, If we look at the y-axis, the values are rounded in chart.js, looks much nicer when compared to dojo charts.
Is there an option to achieve the same in dojo charts?
Try adjusting majorTickStep, or optionally also set minorTickMarks to true and adjust minorTickStep as well.
See http://dojotoolkit.org/reference-guide/1.10/dojox/charting.html#enabling-and-disabling-tick-marks and "Axis Stepping" two sections later.
I have created a chart with 2 axes that acts as a panel chart (see image)
As a panel chart I only want to show the portions of the relevant y-axes to the chart next to them. For example, for the right-most y-axis I used a custom number format to exclude anything less than 0:
_(* #,##0_);_("";_(* 0??_);_(#_)
But for the left most y-axis, I'm stuck. I want to show -400 to positive 400. I've tried 2 different options, but neither is producing the desired effect.
[<0](#,##0);[>500000000]"";#,##0_)
[<0](#,##0);[<500000000]#,##0_);""
Here is the result I'm looking for:
I learned something new today (and a bit weird) regarding formats and chart axes
After some experimenting, this is what I ended up using:
[White][>500]_(#,##0_);(#,##0);0;
The odd part: When you change the Display Units of the axis (for me, millions), then the formatting no longer recognizes the original amount (500,000,000).
Once I figured that out, I was able to work out the solution.
I have created a confidence vs. competence chart using Report Builder 3.0. Currently the "cross section" of the chart is static and separated by a background image on the chart.
Like this:
However, as a requirement, the cross section needs to be dynamic. I can remove the background image (it isn't needed). I can pass the values for the both the x and y axis into the report when the lines need to cross. The problem is trying to actually implement this on the chart.
Can anyone provide a solution or point me in the right direction?
The cross section is just a line graph (or two) overlayed on your original chart.
Here's an example of overlayed charts:
http://www.sqljason.com/2012/03/overlapping-charts-in-ssrs-using-range.html
I want to draw graph using Core Plot Library. I try to customize the x-axis Labels such as shown in attached Image.
this graph have two label on x-axis at one tick location. and title of axis at origin. Can i draw this type of graph using Core Plot or not ? If yes, how i can do this ?
Yes, you can do this. However you will have to use the latest coreplot code from the repository. AFAIK the attributed label formatter support no available yet in the latest official release. With that formatter you can give your labels the form you want (and use only one label with a line break, instead 2).
I'm using iReport to try to create a chart for bug tracking. I need a stacked bar chart for the different severities of the open bugs by day and a line showing the total number of bugs by day. It's easy enough to build a multi-axis chart but it always shows up with distinct ranges on the Y axis. I want the Y axis to be the same range so that the total bugs line floats above the stacked open bugs bars. This is simple to do in Excel or Crystal Reports but I cannot see a way to do this in iReport. I need to be able to either merge Y axis in a multi-axis report or be able to change the series type of one of the series from stacked bar to line. Any tips/reading materials would be greatly appreciated.
It would be nice if it were more automated, but you can use a solution like this pretty easily:
Instead of calculating the Range Axis height automatically, create your own variable to decide an appropriate value for the maximum value. Then you can set the Range Axis Max Value to the same thing for both charts.