This example demonstrates creating a custom HTML5 legend to use with an HTML chart.

JFreeman

This example demonstrates creating a custom HTML5 legend to use with an HTML chart utilizing the Classic Models Data Source. Scripting is added to the afterRendering method of the HTML charts Client Scripts to extract the required values to be used in the custom legend. A text element is added next to the chart that uses javascript to dynamically create the custom legend based on the values extracted from the HTML chart.<br />
<br />
Two version of the sample report are provided due to a change in the naming convention of the DOM elements between iHub 3 and iHub 3.1. The first is intended for use with iHub 3 and iHub 3 Fix 1. The Second is intended for use with iHub 3.1.