This sample is to show how to use SubLegend with checkbox.

If you want to use SubLegend with checkbox, 
please set the value of the useVisibleCheck property to true and 
set CheckableLegendItem instead of LegendItem. 
targetSeries: The id of series which will be visible or invisible 
when you click the item in SubLegend.

ā—¸Layout
<Box horizontalAlign="center" width="100%">
	<SubLegend useVisibleCheck="true" direction="horizontal" 
			markerHeight="15" markerWidth="15">
		<CheckableLegendItem targetSeries="{series1}" fill="0x6ea414" label="Profit"/>
		<CheckableLegendItem targetSeries="{series2}" fill="0x368eea" label="Cost"/>
		<CheckableLegendItem targetSeries="{series3}" fill="0x22fe30" label="Revenue"/>
	</SubLegend>
</Box>