Description

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

The Radio Button

The Radio Button is a uniq HTML export 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. radio.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).

The Drill Chart and the Packed Bubble

Charts are multiple HTML exports. Here 1 section needs to be used in Webi : State (corresponding to the selection of the Radio Button).
Insert the charts in the section in Webi. 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. drillbar_%SECTION%1%.html and bubble_%SECTION%1%.html).
Add global charts in Webi (outside the section) to generate the "All values" charts. Export the charts named by drillbar_all.html and bubble_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.