I'm using the D3 Line Chart plugin to create charts in my application. When I create one chart, it works fine but when I add a second chart the second chart doesn't appear and the legend from the second chart appears in the first chart too. Not sure why the 2nd chart is getting merged into the first one.
Turns out they both have the same Static ID which caused this issue.
Related
I'm having an issue with data vertically too close together in the first chart while the other is not.
Chart With Issues
Chart Without Issues
Transition between charts (scroll down halfway)
Actual Chart to view: http://www.ironclads.com/temp/chart.html
As you can see from the images the text and corresponding chart values are compressed together in the first chart but look ok in the second.
The code is the same and the values in the first chart are 1000, while the second chart is 703. Is this why it compresses the first chart values? If so, is there anything I can do programmatically to resolve the issue between charts or am I on the right track that I just need to get the entry count closer to the same in order for the two charts to look the same?
I'm attaching the code to the html chart file in question as a link below. I also try to limit the number of entries to 1000 or less per chart in order for them to not break the browser or the chart.
Any ideas you have or suggestions are greatly appreciated. Thank you.
http://www.ironclads.com/temp/chart.html
Ok folks. Figured it out with some help elsewhere. It appears a sub wrapper is in order, along with changing that subwrappper to fit. Here's the link to the fixed chart, you can compare the first with this and see the changes.
http://www.ironclads.com/temp/chart_fixed.html
I have a general pie chart showing the number of emails sent by application like below :
I want when clicking on the CCube slice for example, I go to another pie chart where I find number of the emails for the application CCube with failed and sent status like below :
The solution I've used for this sort of thing is to use the drill-down donut chart custom visual instead of the default pie chart visual. It's pretty nifty.
I have created a sample line chart taken from the chartJS examples and changed the labels and added a configuration to make it a time series chart.
Here is the fiddle: jsfiddle.net/w6dor1f3
My problem is how to split the xAxis label to multi-line. In the code, I changed the format of the date to 'DD-MMM HH:mm'. So if I have '01-Jan 12:00' I want to display it as:
12:00
01-Jan
After looking for some solutions, I found out that you can do so by converting your label into an array. For example, instead of "01-Jan 12:00", you could have ["12:00","01-Jan"]. However, I found out that this doesn't work if the xAxis scale is of type 'time'.
Has anyone encountered this issue?
In case you're wondering, I used time scale in order for the chartjs-plugin-zoom to work.
I am using google bar chart for my project, it is working correctly with data, but if no data exists, the bar chart is showing with empty horizontal lines. How to show no data message as in google pie chart, if there is no data exists?
Thanks in advance.
Is anyone know wether there is a way to display the values of a multi-series google column chart over each columns ?
Muhammad Tayyab Shei succeded in making it, but for a single-serie : see put labels on top of inside bar in google interactive bar chart
Since the annotation role is not supported for column charts yet, it cannot be done with a multi-column chart (the single-series version works by using a combo-chart which allows annotations for the line chart portion).
The easiest way to implement this would be to create a javascript function to either display the tooltips full time, or to draw custom tooltips and turn them on (using HTML-enabled Tooltips, for instance).