I am using a jqplot bar chart and looking for a way to have a tooltip on mouseover of the y axis labels. The customer wants paragraph labels I want to have short labels then allow mouseover to get the full text. Any help appreciated.
You can use your short labels array as parameters for axes.yaxis.ticks option, then set the title attribute for every y axis label element(class is jqplot-yaxis-tick). Make sure to set the z-index css for y axis label div(class is jqplot-yaxis) so that you can get the tooltip when mouseovered.
Related
I was wondering if there is any way I can show labels Horizontally for PieSeries above Pie Graph, as by default it is shown below graph and vertically. I tried to find a way similar to Opposite property of AxisRendererX as given in OppositeProperty explanation, But I failed to show my labels in a Horizontal way above graph! An image of Pie Series that needs to be updated is attached for your reference.
amcharts uses the full area you provide for a chart. If you set the width of your chart to a small value, you have the result you showed. If you resize your chart like I did in the code pen below, the labels are shown horizontally.
To change the legend position you can use the legend.position attribute.
Available options are: "left", "right", "top", "bottom" (default), and "absolute".
https://www.amcharts.com/docs/v4/concepts/legend/#Positioning
In your case you can use the following code to move the legend to the top:
chart.legend = new am4charts.Legend();
chart.legend.position = 'top';
I created a code pen for your example.
How could I add some space between two bars from the same group, in NVD3 chart?
I try chart.groupSpacing(0.5) but nothing changes...
I can't put any pictures because I need at least 10 reputation.
The groupSpacing changes distance between groups of bars.
var chart = nv.models.multiBarChart()
.groupSpacing(0.5)
;
I've created an example here
If you want to add space between bars within a particular group then you'll need to modify nvd3 source or write a multibar using pure d3.
This answer will be useful How to add space between bars in a grouped bar chart in a nvd3 grouped multibar chart?
I'm trying to display ticks and label together on Y axis but the texts seem to be overlapping between the label and ticks:
Any idea how to move the label more to the left?
Ok, silly of me.
I did not include jqplot CSS file properly. it was pointing to wrong directory.
I have a pie chart which is being generated from a json string. The pie is getting created correctly but what is happening is the tooltip is getting cutoff when the text to be displayed in the tooltip is large. I have tried increasing the width and height of the svg area. But the charts are generated dynamically so i have no way of setting the chart widht and height dynamically depending on the content.
One can adjust the margins margin:[0,100,0,100], to shrink the pie chart so that the tooltips/labels will appear. This has been set to automatically scale the chart in Highcharts 3.0.
http://www.highcharts.com/component/content/article/2-news/53-highcharts-3-0-beta-released
http://github.highcharts.com/v3.0Beta/highcharts.js
http://jsfiddle.net/Zvrt6/1/
Increase Height and width of your chart div or put your code in jsfiddle if possible, so that we can get more idea
This example could be relevant to your situation- http://jsfiddle.net/4ac8b/1/. When you re-size the result pane you will notice the chart size changes accordingly.
You will need to set the size of your container so that the chart is drawn in that area itself. http://jsfiddle.net/4ac8b/. Even when you re-size the result pane the chart size wont change.
Change the diameter of your pie chart to allow additional information
http://www.highcharts.com/ref/#plotOptions-pie--size
The default chart object in the SQL Server (2005) Business Intelligence Development Studio doesn't seem to some have formatting options like :
specifying the text direction of labels in the x and y axis
adding a trendline to a bar chart
arbitrarily resizing items in a chart - for example, if I resize the chart object, everything gets resized accordingly but I can't keep the size of the chart the same while extending the area of the legend for instance.
multiline chart labels
So what I want to know is
is there any easy answer to the formatting problems mentioned above?
what websites/books/resources/examples would you recommend I look
into for extending the functionality of the chart object?
Some colleagues of mine gave up on the stock control and bought Dundas charts
The stock charts are cut down versions of Dundas.
yes you can specify the text direction of labels in the x and y axis
Go to chart properties and in the tab x and y axis enter the chart title and in the title align use the combination like left/right/center align.
you can change the legend line go to the chart properties click legend tab inside this
there is an option for "display legend inside plot area" and you can include the trendline there
you can use multiline text labels when the text limits extends
I don't see how you can resize the legend, puting inside the plot area looks ugly for pie-chart
I'd recommend go with the dundas chart components gbn suggested.
If that's not possible at least this article should solve issue 1.