The wj-flex-chart-legend directive must be contained in a wijmo.angular.chart.WjFlexChart directive, wijmo.angular.chart.WjFlexPie directive or wijmo.angular.chart.finance.WjFinancialChart directive. It supports the following attributes:

position

@ The Position value indicating the position of the legend.

reverse

@ The {@link Reverse} value indicating whether to reverse the order of the legends. leave it undefined if to let chart decide automatically

The example below shows how you can use the wj-flex-chart-legend directive to change the position of the chart legend:

<wj-flex-chart
  items-source="data"
  binding-x="country">
  <wj-flex-chart-axis
      wj-property="axisY"
      major-unit="5000">
    </wj-flex-chart-axis>
    <wj-flex-chart-series
      binding="sales"
      name="Sales">
    </wj-flex-chart-series>
  <wj-flex-chart-legend
    position="Bottom">
  </wj-flex-chart-legend>
</wj-flex-chart>