Showing 1000+bar data in jqplot horizontal bar graph - javascript

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)

Related

Tooltip indicator on axis displaying different data than the data plotted on chart

I have multiple y axis and x axis of chart which I change using setInterval based on different criteria
After those changes the cursor displaying values on y axis and x axis displays different value than the value plotted.
How can the cursor display correct value corresponding to the axis?
Please find screenshot attached highlighting the issue.
Thanks

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.

C3JS bar display alignment

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

NVD3: Have labels at certain tick values at the top of the graph

I am using NVD3 to draw a graph that uses an ordinal scale on the x axis for dates. I also have a "focus graph" under it to highlight a specific region to display. To automatically update the ticks that are displayed, I use the tickValues() property.
I want to have label on specific dates at the top of the graph. My solution for this was to create another x axis, but above the the graph, plot the same data, but with a 0 height, and then use tickValues() to set the position of the labels. However, the labels don't show up on the top axis. Is there a solution or alternative?
I guess using a secondary x axis is fine. I forgot to remove the line setting the domain property for my secondary axis. When I removed that, it scaled just like my primary axis :)

stacked bar chart - independent bar height from internal labels

I am currently using the 3th example of bar stacked chart of jqplot from their page. See here http://www.jqplot.com/tests/bar-charts.php. Currently each bar height is the sum of all internal labels inside. However, what I would like is to adjust the height of the bar manually according to a different scale from its internal labels. For example, if the bar has 3 different labels and their sum is 1 + 2 + 3 = 6. However, the actual bar height containing these labels should represent 15 on the actual bar chart.
Is that possible in jqplot or do you know any js library which can do something like that?

Categories