Description

This is a sample integration of an HTML export of N4V elements from Webi. Select a state in the first list and a year in the second list to display the related charts below.

The lists

The lists are uniq HTML exports from Webi.
To export the chart, in the "Export HTML" of the N4V component in Webi, tick "Automatically export the chart", give a "Destination path" (folder on the N4V server) and a "Name for the file" (ex. list_year.html & list_state.html). Tick the "USe a custom JS function to navigate" (name of the function called by chart. These function needs to be built in the index.html file). Use distincts functions for each list (for example: click_link_state & click_link_year).

The Chart

Chart is the result of a multiple HTML export from Webi. Here 2 sections need to be used in Webi : State (corresponding to the selection of the list of states) and years (for the list of years).
Insert the charts in the sections in Webi. Use 2 report in Webi, the first with the sections State/Years for all exports of State & Year. The second report contains only the section on Years to exports the charts for "all states" each year. To export the charts, in the "Export HTML" of the N4V component in Webi, tick "Automatically export the chart", give a "Destination path" (folder on the N4V server) and a "Name for the file" (ex. varpie_%SECTION%1%_%SECTION%2%.html, varpie_all_%SECTION%1%.html...).
Add global chart in Webi (outside the section) to generate the "All values" charts. Export the charts named by varpie_all_all.html. Then, create a publication (destination format mHTML) to generate all the html files.

Know more...

To better understand the dynamic HTML exports of N4V elements from Webi, see the next article.