multiple charts with one confiform table view , need chart to aligned horizontal with one filter
Asked by Brijendra Singh:

I have below structure:

\|----------------------------------------------------------------\|

\|chart 1. \|

\|-----------------------------------------------------------------\|

\| chart 2. \|

\|----------------------------------------------------------------\|

\| chart3. \|

\|-----------------------------------------------------------------\|

\| table filter. \|

\|----------------------------------------------------------------\|

\| confiform table view. \|

\|----------------------------------------------------------------\|

output coming :

--------------#

chart1

chart2

chart3

chart data filter option ( this filter will work for all 3 charts )

require desired output :

chart data filter option ( this filter will work for all 3 chart )

chart1 chart2 chrt3

please help how I can align chart horizontal and there filter on top.


Answers:
author: Katerina Rudkovskaya [Stiltsoft]
body: Hi [@Brijendra Singh](/t5/user/viewprofilepage/user-id/2676472),  

Hope that I've got your question right: to create several different charts based on the same filtered table, you need to use the [Table Excerpt/Table Excerpt Include](https://docs.stiltsoft.com/tfac/cloud/how-to-use-table-excerpt-and-table-excerpt-include-macros-42241623.html?utm_source=atl_community&utm_medium=answer&utm_campaign=table-filter-traffic-sources&utm_vendorID=1216111) macros.  
So, you'll have the following structure of nested macros: Confiform Table View \<- Table Filter \<- Table Excerpt. We reuse your source filtered table with the help of the Table Excerpt macro.  
If the tags are correct and you are on Confluence Cloud, you should use the Table Toolbox macro to wrap several macros one into another. For Server/Data Center you nest macros directly on the page.  

Then to create three different charts on the same level, use the three-column page layout:  

![Mon 9-1.png](https://community.atlassian.com/t5/image/serverpage/image-id/270724i5940088CC63B625F/image-size/large?v=v2&px=999 "Mon 9-1.png")  

If you are on Server/Data Center, you may also use the Section/Column macros as well.  
Now create the following structure for each chart: Table Excerpt Include \<- Chart from Table. The source filtered table will serve as a source data for all your charts, but their types and other settings can be different and independent.

comments: author: Brijendra Singh
body: thanks [@Katerina Rudkovskaya \[Stiltsoft\]](/t5/user/viewprofilepage/user-id/3738229) for the input .

I'll try with your suggested solution but does mentioned macro is compatible with confiform table view as we are viewing all data using confiform table view and as per my requirement I have to created 9 charts in one page using the same table view macro with on global filter which should work for all 9 charts at once , for example if I have column region and I select apac in filter then all charts will show me data for apac alone.

I already achived it but there is alignment issues.


author: Stiltsoft support
body: Hi [@Brijendra Singh](/t5/user/viewprofilepage/user-id/5216358) ,

The Table Filter and Charts for Confluence app supports the Confiforms for Server/Data Center. You may check [this example](https://docs.stiltsoft.com/tfac/dc-server/how-to-use-the-app-with-confiforms-42246480.html?utm_source=atl_community&utm_medium=answer&utm_campaign=table-filter-traffic-sources&utm_vendorID=1216111) from our documentation.

We saw the "table filter" macro on your screenshot and assumed that it was our Table Filter macro that is provided with the mentioned app.

If you are on Cloud and use the new editor, then there may be issues with macro nesting - you can't wrap macros one into another directly.

For example, for our macros we created the [Table Toolbox](https://docs.stiltsoft.com/tfac/cloud/how-to-use-table-toolbox-macro-42245927.html?utm_source=atl_community&utm_medium=answer&utm_campaign=table-filter-traffic-sources&utm_vendorID=1216111) macro - it's a special shell to nest our macros in Cloud and all macro sequences (Table Filter \<- Table Excerpt, etc.) are built inside this macro and not directly on the page.


author: Brijendra Singh
body: hi

I have created same graph but now it's getting slow and taking time to open , along with if create 5 graph then after 6th graph its gettinf hang and page us getting crashed.

comments: author: Alex Medved _ConfiForms_
body: Consider splitting into separate pages, as Confluence has a (unmodifiable) time limit for the page rendering.


author: Brijendra Singh
body: yes we have main page with big forms with multiple tabs in it , where users submitting request with form submissions.

and with table view we are calling all data for graphs where table filter and charts are applied.

I did not get your statement about the confulence where it has time limit for page rendering.

can we fix it in anyways to increase the performance?


author: Stiltsoft support
body: Try to split your dashboard into several pages: for example, create two graphs on the first page, the other two on the second page and so on.

Seems that your crashing page is overloaded: your have a rather big table coming through the TableView macro which you filter, reuse several times and then create different charts. Your browser just runs out of memory.


Tags: cloud

confiforms

confluence-cloud

filter

ms-excel

table