v5.20192.624
|

WjFlexChartLegend Class

AngularJS directive for the FlexChart Legend object.

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.

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>

Hierarchy

  • WjDirective
    • WjFlexChartLegend