New Axes

    Once you have created your scale class, you need to register it with the global chart object so that it can be used.

    1. Chart.register(MyScale);
    3. // If the new scale is not extending Chart.Scale, the prototype can not be used to detect what
    4. // you are trying to register - so you need to be explicit:
    6. // Chart.registry.addScales(MyScale);

    Scale instances are given the following properties during the fitting process.

    1. {
    2.     left: number, // left edge of the scale bounding box
    3.     right: number, // right edge of the bounding box
    4.     top: number,
    5.     bottom: number,
    6.     width: number, // the same as right - left
    7.     height: number, // the same as bottom - top
    8.     // Margin on each side. Like css, this is outside the bounding box.
    10.         left: number,
    11.         right: number,
    12.         top: number,
    13.         bottom: number
    14.     },
    16.     // Amount of padding on the inside of the bounding box (like CSS)
    17.     paddingLeft: number,
    18.     paddingRight: number,
    19.     paddingTop: number,
    20.     paddingBottom: number
    21. }

    Scale Interface

    Optionally, the following methods may also be overwritten, but an implementation is already provided by the Chart.Scale base class.

    1. {
    4.     // Determine how much the labels will rotate by. The default implementation will only rotate labels if the scale is horizontal.
    5.     calculateLabelRotation: function() {},
    7.     // Fits the scale into the canvas.
    8.     // this.maxWidth and this.maxHeight will tell you the maximum dimensions the scale instance can be. Scales should endeavour to be as efficient as possible with canvas space.
    9.     // this.margins is the amount of space you have on either side of your scale that you may expand in to. This is used already for calculating the best label rotation
    10.     // You must set this.minSize to be the size of your scale. It must be an object containing 2 properties: width and height.
    11.     // You must set this.width to be the width and this.height to be the height of the scale
    12.     fit: function() {},
    14.     // Draws the scale onto the canvas. this.(left|right|top|bottom) will have been populated to tell you the area on the canvas to draw in
    15.     // @param chartArea : an object containing four properties: left, right, top, bottom. This is the rectangle that lines, bars, etc will be drawn in. It may be used, for example, to draw grid lines.
    16.     draw: function(chartArea) {}