C3JS bar display alignment - javascript

Team,
Q1 : I have a bar graph (on x-axis i have timestamps, and on y-axis i have few counts). Now, the bar display is not aligned with x-axis label display, it is misaligned and thus does not show the bar display at correct position of label value.
I tried with tick value as false\true, but still the bar is misaligned. Any idea as where it is going wrong?
Q2: For the same bar graph above, i wish to show the summary\count of all counts inside a legend, are there any examples or which call back function to achieve this?
Regards,
Santhosh

Related

bar chart onclick get specific index

js` to display the bar chart and each part of bar chart has multiple bars. so when i click the bars i need the specific index with in it.please help me fix it and check the fiddle.
Example

ChartJS Bar chart painting second bar to the right

I have a barchart using the latest version of charts.js. Now I need to show the bars and at the right, a bar that actually has nothing to do with the rest. (the first bars are thre monthly values, the last bar is the forecast for this month)
See here to better understand what I mean. https://jsbin.com/diqetaxeqi/edit?js,output
The forecast bar has it's own y axis on the right. I've struggled setting the bar to the right and have solved this by creating a new dataset filling the values with 0 to make sure it is the last bar that is drawn. The problem with this is that the labels are not centered anymore as the bars with 0 value is still painted.
How can I solve this better?
Thanks
Your code requires 2 different datasets ? Or can they be all 4 like:
data: [18739460, 33056135, 36562034, 3234234] ?
Ok. stacking the bars does the trick.
do
stacking:true
at xAxis

Is it possible to have a bar chart with bars centered on the 0 value of the y axis

Using the built-in chart types of dc.js, is it possible to render a bar chart where the bars are centered on the zero value of the y axis?
I would like to get a chart that looks like this:
I tried using a box plot, but it seems that the effort required to coerce my data to render the correct bar heights and get rid of the percentile and error bar indicators will be greater that simply creating a custom chart type for dc.js.

Showing 1000+bar data in jqplot horizontal bar graph

I am using jqplot to render the *horizontal bar graph in a popup,*I have 1000+ data to render, calculating the container width dynamically based on bar count.
Issue: It works fine till 700+ data but as it exceeds 1000-1000+ bars do not get rendered instead only x axis, y axis valus and labels alone comes.
I have customized angular directive to which I am sending the bar data, I am not sure if that is an issue.(If that would be the case then why the labels and axis values are coming but bars not drawing)

Labels for bar charts in Cognos

I have a Cognos chart and I want to be able to turn on one label that shows the amount for just the bar that is showing with conditional formatting (the selected center from a drop down list).
I have found a way to turn all of the labels on, and all of the labels off with Cognos chart - show values - but there has to be a way to only turn on just one specified value.
I am trying to create some JavaScript that will assist me in manipulating the specific element that is the selected value for my chart. Does anyone know how to find the ElementID for each individual bar in a Cognos bar chart?
Here is an example rendering of what Cognos creates will all the labels turned on: http://i.imgur.com/aM4gEYu.jpg
I am trying to create a rendering with only the label for the blue bar showing.
just click on 'series' on chart
set from properties pane
value to 'yes'
Grouping type ---> stacked
value location ----> outside top
value type ----> absolute

Categories