chartjs-plugin-sort v0.1.1

chartjs-plugin-sort

ChartJS plugin that allows you to sort by reference array or custom sort funciton

Installation

npm install chartjs-plugin-sort

default options

{
  enable: false,
  mode: 'function',
  reference: [],
  sortBy: 'label',
  order: 'asc',
  sortFunction: (a, b) => {
    if (a.label < b.label) return -1
    if (a.label > b.label) return 1
    return 0
}

Adding your own custom sort function

You can add your own sorting function by implementing any function that has the same interfance with Array.prototype.sort() https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort And place it in the options.plugin.sort

  var chart = new Chart(ctx, {
                type: 'bar',
                options: {
                    plugins: {
                        sort:
                            {
                                enable: true,
                                sortFunction: (a,b) => {/** implement your own sort function here **/}
                            }
                    }

Using a Reference Sort array

Alternatively you can provide an array that is already sorted in the order you want and pass it over the the plugin by switching the mode to 'array' and provide a 'reference' array on how you would like your dataset and label to be sorted

  var chart = new Chart(ctx, {
                type: 'bar',
                options: {
                    plugins: {
                     sort: {
                        enable: true,
                        mode: 'array',
                        reference: ["A+", "A", "A-", "B+", "B", "B-", "C+", "C", "C-", "D", "F"]
                      }
                    }