chart.js/types/tests/extensions/scale.ts

Simple HTML5 charts using the canvas element.

import { AnyObject } from '../../basic';
import { CartesianScaleOptions, Chart, Scale } from '../../index.esm';

export type TestScaleOptions = CartesianScaleOptions & {
  testOption?: boolean
}

export class TestScale<O extends TestScaleOptions = TestScaleOptions> extends Scale<O> {
  static id: 'test';

  getBasePixel(): number {
    return 0;
  }

  testMethod(): void {
    //
  }
}

declare module '../../index.esm' {
  interface CartesianScaleTypeRegistry {
    test: {
      options: TestScaleOptions
    }
  }
}


Chart.register(TestScale);

const chart = new Chart('id', {
  type: 'line',
  data: {
    datasets: []
  },
  options: {
    scales: {
      x: {
        type: 'test',
        position: 'bottom',
        testOption: true,
        min: 0
      }
    }
  }
});

Chart.unregister([TestScale]);