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
Related
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 having a problem sorting my bar graph in date order (sendtime column) for my mailing data...
Axis: Campaign Title
Legend: Blank
Value: Total Sent, Total Opened, Totel Links Clicked
I have tried to add this to the Axis which allows me to order by "Campaign Title and sendtime" which still sorts them alphabetically and if i add to the values section it simply does a count.
I am using a slicer to control the various chart (and other pie chart) however i would like them ordered by when they were sent.
Any help would be greatly appreciated.
Please let me know if you need any extra information.
This was a strange answer to come across but in the end I had to use a different date set, add it to the relative date filter option and then order.
Apologies if anyone has read this and wasted some trying to find a solution.
I'd like to build a report with power BI line chart. For there are too many values on the X-Axis, I was trying to add a range selection on the X-Axis like what amChart does.
So, I'm wondering if power BI can do this.
Also, I want to add hyperlink to each value on the X-Axis to link to related shared folder, is it doable?
For time range selection, take a look at https://app.powerbi.com/visuals and try the Advanced Time Slicer visual. It might already do what you're looking for.
For the x-axis urls, you have several approaches you can try. The easiest approach is to have a related table in your report that shows the links. Then when a user selects a datapoint in your line chart, the table would update to show the relevant links. Alternately you might try to extend the Power BI line chart with your own logic. This might be hard since Cartesian charts are more complex than other charts. You can find the line chart code here: https://github.com/Microsoft/PowerBI-visuals/blob/master/src/Clients/Visuals/cartesian/lineChart.ts
Alternately you can just write your own purpose built visual that does exactly what you want. This might actually be easier than extending the Power BI chart. You can learn how to build your own visual by looking at our wiki: https://github.com/Microsoft/PowerBI-visuals/wiki
I was thinking about this more and wanted to mention one more solution. If you're looking to show the 'last n days' of data, instead of an arbitrary range, you can add a measure in DAX that returns the last days. I have an example here: http://blogs.msdn.com/b/lukaszp/archive/2015/08/08/finding-the-latest-date-in-power-bi-desktop.aspx
Right now I have a stacked bar graph and a line graph on one page using apex 'create a region' functionality. I'd like to combine these to one chart. I am thinking if you pehaps create a custom xml code in order to do so, but i'm not sure if that's the right direction to go to. Any help in this regard is appreciated.
No need to fiddle with XML. Create a second series in the chart using the SQL of your second chart and set the 'Series type' attribute to 'Line'.
Check "Multiple Y-Axis" in the display settings to plot your second series with a separate set of Y values. This means the number range offered in both series can be different scales. This can rescale as you show/hide specific series, as offered in one of the Legend properties.
Here is a link to a sample application by Hilary from the APEX team, plenty of examples in there regarding what is possible:
https://apex.oracle.com/pls/apex/f?p=36648
I have finally gotten a column chart working for my data set. However, it only outputs fifteen columns, and the data set has 36 columns. It will output fifteen columns (or less if I limit the set to only items that are non-zero...but my boss wants all of the data shown) no matter what width the graph is set to.
Is there an absolute hard-coded column limit for graphs made by Google's Charts API, and if not, is there a way I can tell the graph to output everything?
I've just run into this myself, almost 7 years after the original problem report. Columns representing the right-side of my data are being silently un-drawn.
Let's look at the big picture. Somebody provides a charting library. They should be expected to show the data as best they can. In the case of a column table, that would be to show the first and last columns, and then choose which intermediate columns to show based on an algorithm that takes available pixels into account. It would then let the user zoom in to see the full set of columns within the selected range. This gives the developer using the chart the freedom to show an unlimited amount of data and not have to worry that someday columns at the end are simply not drawn.
Google is already choosing to not print some of the column labels due to space constraints, so they're already halfway to understanding the big picture.
Nowhere in the documentation does it explain this truncation of columns due to space constraints, or for any other chart type that I've seen. But you sure can choose your background colors in great levels of detail.
If I had known this restriction going in, I would have chosen a different chart package and not wasted my time. My choices now are to break my "Lifetime" data into yearly graphs that fit in the available space, which is clunky as hell, or migrate to a different chart package. Thanks Google. :^(
P.S. I tried to post this as a comment to the OP, but after using SO for years I don't have enough points...