Here is a document based on your supplied SVG’s. Notice the paths are slightly out when put together. Whichever tool you are using to create the SVG’s, create only one with both paths in. You can see the code by selecting the element and clicking ALT-CMD-E or choosing Edit innerHTML from the Edit Menu. I have changed the SVG code slightly (opening your SVG’s in a text editor) and put them together in 1 element. Then I run a function on scene load that adds the listener and on click gets the specific path (with the corresponding ID) and changes the text elements innerHTML based on which path is clicked.
You could even run a timeline on click to by using the API method hypeDocument.startTimelineNamed() … if you want to add animation on the text element.
Hope this helps.
PieChartTest-vDBear.hype.zip (20.0 KB)