Is there a dc.js solution to creating a horizontal gradient on individual bars?
So i'd like the gradients to be based on the filters selected
ie. there are 4 bars in total and i'd like it to go from yellow -> red
but when you select an individual bar, you will see yellow -> red on the same bar and if you select two bars, you'll see a gradient from the first bar to the second bar going from yellow -> red
Is there an easy to follow solution to this using dc.js?
I'd like to clarify that I need the gradients to span the individual bars as well
Here is an example below
https://gyazo.com/10cfd9bf29811e5a9f26163ec66c17e4
Related
Currently, with stacked bar charts, if we give the first bar a radius:
-Ex
stacked bar with upper border radius given to first bar image
there's the white space gaps at the upper corners of the bars, not filled in with the fill color of the bar stacked above.
I know that with the background prop, we can fill in these corners:
stacked bar with background fill image
but I don't think I could get it to have the dynamic value heights.
Any help/alternatives would be appreciated!
I have a use case where i want to plot area charts along with bar/line charts. I am able to do that with no issues.
The problem I am now facing is the overlapping of colors when say, bar and area are plotted together. (Sample is below). In this, as you can see, the colors of the bar are getting overcast due to the area plotted.
Area + Bar + Line
What I would like to do is plot the area canvas as background and others as foreground. (PS: I tried by changing the sequence of plotting the series, which changes the sequence of canvas also, but the effect remains the same)
Is there a way to do that ?
I've got a stacked bar chart with legends, but depending on the data selected, it becomes unreadable because of the space added around the bars and the series and the fact that the outer horizontal axis label won't rotate. I've tried as many things as I can think of, but nothing alters the spacing or the rotation on the outer axis. Picture 1 gives you an idea of what I mean. Main thing that would probably help is the rotation. Using VS2012 but not inline code. Any help appreciated.
I would like to have a graph in amCharts where the x-axis is the time and bars represent in different colors and heights representing events in time. Now I would like to have that zoom-able so that captions in the bars only appear if there is enough space to display them.
In my example picture the caption is not displayed on the magenta bars:
:
I would try to do this with a date-based serial chart. You could try using a separate step line for each column with fillAlpha set to 1 or one step graph and use fillColorsField and set color in your data at a position where color should be changed. As for labels, it's more complicated - graph has hideLabelsCount property, but it will show/hide all labels once certain zoom level is reached. You could try employ labelFunction of a graph and usesome function which would set label to empty string, depending on zoom level.
In Qlikview 11 I managed to set up (amongst others) a nice scatter chart without any major problems. Now I would like to be able to zoom into a region in that chart. Intuitively this could be accomplished by selecting a rectangular region with the mouse. Incidentally this works fine in "regular" line or bar charts. The new x and y axis regions correspond to the selected rectangle. However this does not happen with my scatter chart. I suspect this has something to do with the way dimensions are handled in scatter charts. For easier understanding I appended to screen-shots of the status quo - or how I don't want it to be.
Full chart with selected region http://img801.imageshack.us/img801/4873/6ccc.png
Chart displaying only the selected data http://imageshack.us/a/img138/9053/kck5.png
From what it looks like, I would guess that the scatter plot has hard coded axis max and mins. Check the "Axes" tab under chart properties, and uncheck the scale boxes. That should allow the chart to zoom in.