Define a Chart Configuration Object in the Controller

The chart configuration object defines the type of chart, for example bar or pie chart, as well other aspects like titles of columns. This object must be specified in the controller.

After the chart configuration object is defined in the controller, it is then passed in the config attribute when calling the <bpm-highcharts> business component in your HTML file. For more information, see bpm-highcharts.

The structure of the chart configuration object is defined by Highcharts. For complete information about the configuration options, see http://api.highcharts.com/highcharts.

An example for a bar chart with the title "Process Instances" is shown below:

$scope.chartConfig1={
  chart: {
    type: 'bar'
  },
  title: {
    text: 'Process Instances'
  },
  xAxis: {
    categories: [],
    title: {
      text: null
    }
  },
  yAxis: {
    min: 0,
    title: {
      text: 'Process Instances',
      align: 'high'
    },
    labels: {
      overflow: 'justify'
    }
  },
  plotOptions: {
    series: {
  stacking: 'normal'
  }
    },
    credits: {
      enabled: false
    },
  series: []
}