I have a simple bar chart with amCharts 4 and my problem is, that the chart starts hiding labels too early. (there's still enough space to display them)
Does someone have an idea, how to fix that, in the official documentation I couldn't find anything useful.
Try
categoryAxis.renderer.minGridDistance = 1;
Related
I use amChart pie to display data with legend boxes in right side
but the text come up box,
Note I use it in metronic design project
this is the picture
You didn't post your chart code but try setting AmCharts.rtl = true; before any of your chart code is executed to see if that helps first, as it makes the chart more RTL language aware with regards to text placement. You might also need to adjust align, valueAlign,
markerLabelGap, and spacing to fine tune the placement further.
I've created 2 pie charts in an analysis and one of them seems to have its labels overlapping while the other has callouts and prevents any overlaps. I have created them in the exact same way and they both have the same properties.
Another strange thing is, this doesn't occur all the time. sometimes when I open an analysis/dashboard, both the pie charts look fine and when I refresh the page or come back to it later, then one of the chart has overlapping labels. Can anyone help me fix this.
Check out MOS Doc ID Doc ID 2260470.1 - you'll have to live with it at the moment
I am trying to modify Bullet Charts example of dimple.js with each bullet chart being in a child-svg of the parent-svg. Purpose of having individual svg for each bullet chart is to make their management (show/hide/remove) easier. Also, this makes the recursive definition of a chart complete - That is, a chart is contained by an svg.
The fiddle for the modified version is here....
As you can see, from 2nd chart onwards, on mouse hover, tool tips go out of place!!! Please note that, for child-svg, I've set the style overflow: visible without which tool-tips were not visible at all.
Want to know if I am missing anything in handling the attributes of child-svg elements or is it a bug in dimple.js. Also, please let me know if you know of any workaround.
Thanks.
One of the first questions I have is why do you want child svg elements? What are you trying to accomplish?
The only difference I see in your code and the example is the height / width swap at the top and the sub svg + bounds.
Keep in mind that the origin changes with each sub-svg. This might be why you are having trouble with the tool-tips. Maybe you have that worked into your add-bullet calls.
I think nagu has the right approach here if you really want separate svg elements.
I have just started learning d3.js and dc.js.
I want to create bar chart in dc.js with labels, but when I refer the api, it says .label function is not supported for bar chart.
Any idea why label are not supported?
What should i do to show the label just below the top of the every bar?
Thanks in advance.
There's a feature request for this.
https://github.com/dc-js/dc.js/issues/211
While I think I disagree with the person who downvoted your question (without commenting!) it's hard to imagine how this wouldn't have shown up in a web search.
For now I think you'd have to use a renderlet. Although I think I saw someone doing it, that didn't show up in a web search.
I am using flot to display a bar graph. Due to the long label of x-axis, I use a js plug-in which named jquery.flot.tickrotor.js.
The label looks fine on most computers. But on some computers, the letters in the label are kind of messed up and the font looks strange.
I really want to post the pic to show the display but I don't have enough reputation to do so.
Does anyone know what may cause this problem?
The labels are probably rotated using CSS transforms. Some browsers - mainly IE 7 & 8 - do a poor job of rendering the rotated labels.
If the plugin supports rendering text to canvas directly, enabling that should fix the problem. Otherwise there's nothing you can do about it. Since those browsers are disappearing from the market due to their age, the problem will eventually just disappear.