I am using google interactive chart for showing chart like linechart,
barchart, piechart etc.
I am showing legends in the top of chart. For long legends, the
legends are appearing in terms of pagination after new release of Google Visualization API(7th
November 2010) by default.
But i don't want to show this as pagination. Can it possible to show
this in different way by that all legends come under one view in top?
Or can it possible to show the more legends in the second line i.e
just below of 1st line of legends(in case of more)?
I am not able to find how to configure this.
Please help me.
Thanks!
Once can specify the font size of the legend:
legendTextStyle: {color: <string>, fontName: <string>, fontSize: <number>}
or alternatively play around with the width of the chart to make up more room for the legend.
See more: http://code.google.com/apis/chart/interactive/docs/gallery/barchart.html
Related
I am trying to visualize a filter in my stock chart by graying out data points which are affected by the filter. I'm using axisGuides on my valueAxis in order to achieve this. However, I also have axisGuides on my categoryAxis and unfortunately, these now disappear beneath my horizontal axisGuides.
Is there any way to change the z-index of those guides? Or does anybody have a different solution?
I have adapted an official amCharts example to show what I mean:
http://jsfiddle.net/wq97ujne/
I'm setting plotAreaFillColors": '#ababab' on my stock panel and fillColor: "#ffffff" on my valueAxisGuide.
I would like for the vertical guides to be drawn in front of and not behind the white area.
You need to set above: true for the categoryAxisGuides.
I have some barcharts, which all look great while there are only up to about 50 items to display, however the items bars are getting too small to click on when the number items get up towards 100.
I would like to fix the width of the items bars and then maybe scroll the bar chart if the number of items goes over 75, or would it be better to use some kind of zoom function?
I've looked at the Nasdaq 100 example but unsure how to apply this to items rather than dates? I'm struggling to find any examples to investigate. I saw this post but cannot comment How to make graphs in dc.js scrollable within a fixed dimension div?
Any help much appreciated!
Add this to your bar chart:
.mouseZoomable(true)
The documentation for this can be found here: https://github.com/dc-js/dc.js/blob/master/web/docs/api-1.6.0.md#coordinate-grid-chart
I have just started using NVD3 for drawing simple charts such as line/pie/bar and such.
I would like to add some mouse interactivity to these charts but cannot find specific documentation nor example code:
allow user to click a specific line point, pie slice, bar component
receive in my program notification of the click with details of the series and point/data row pertinent to the click.
E.g., if I drew sales versus years, I would like user to be able to drill down to sales of a particular year. The line graph onclick example I have seen here are way too coarse for such detailed interaction.
Is there a relevant page(s) that documents the mouse click specifications for these types of charts?
Is it even possible with NVD3?
Thanks.
here you can see the plunker example ,may be you can get some help .
this example is for the pie chart drill down using angularjs and Nvd3 charting lib.
http://plnkr.co/edit/UjOP0k5Jo3OvQ6A79Qv9?p=preview
I am using Google's Visualization API to create embedded Pie Charts in my web application.
http://code.google.com/apis/chart/interactive/docs/gallery/piechart.html
The API works great, I am just having a problem with the look and feel customization.
http://code.google.com/apis/chart/interactive/docs/customizing_charts.html
I can't figure out if there is a way to:
Make the border around a Pie Chart Circular and not rectangular
Editing the width and color of the pie slice margins/seperators?
Here is what I would do:
Using Firebug with Firefox select the chart and look at the CSS. Find the name of the border by selecting it with Firebug.
Next:
1.) Create a CSS to remove the border and embed the chart into a DIV with the border you want. Depending on browser compatibility you may want to use images instead of CSS for the rounded border.
OR
2.) Use CSS to change the border into what you want.
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.