ChartJS Object

chartjs-object

{ chart: 
   { config: { type: 'bar', data: [Object], options: [Object] },
     ctx: 
      CanvasRenderingContext2D {
        canvas: HTMLCanvasElement {},
        createPattern: [Function],
        drawImage: [Function],
        lastFontString: 'normal 12px \'Helvetica Neue\', \'Helvetica\', \'Arial\', sans-serif',
        lastTextAlignment: 'right',
        lastBaseline: 'middle' },
     canvas: HTMLCanvasElement {},
     width: NaN,
     height: NaN,
     aspectRatio: 1,
     originalCanvasStyleWidth: '',
     originalCanvasStyleHeight: '',
     currentDevicePixelRatio: 1,
     controller: [Circular] },
  config: 
   { type: 'bar',
     data: { labels: [Object], datasets: [Object] },
     options: 
      { responsive: true,
        responsiveAnimationDuration: 0,
        maintainAspectRatio: true,
        events: [Object],
        hover: [Object],
        onClick: null,
        defaultColor: 'rgba(0,0,0,0.1)',
        defaultFontColor: '#666',
        defaultFontFamily: '\'Helvetica Neue\', \'Helvetica\', \'Arial\', sans-serif',
        defaultFontSize: 12,
        defaultFontStyle: 'normal',
        showLines: true,
        elements: [Object],
        legendCallback: [Function],
        animation: false,
        title: [Object],
        legend: [Object],
        tooltips: [Object],
        scales: [Object],
        width: 400,
        height: 400 } },
  options: 
   { responsive: true,
     responsiveAnimationDuration: 0,
     maintainAspectRatio: true,
     events: [ 'mousemove', 'mouseout', 'click', 'touchstart', 'touchmove' ],
     hover: { onHover: null, mode: 'label', animationDuration: 400 },
     onClick: null,
     defaultColor: 'rgba(0,0,0,0.1)',
     defaultFontColor: '#666',
     defaultFontFamily: '\'Helvetica Neue\', \'Helvetica\', \'Arial\', sans-serif',
     defaultFontSize: 12,
     defaultFontStyle: 'normal',
     showLines: true,
     elements: 
      { arc: [Object],
        line: [Object],
        point: [Object],
        rectangle: [Object] },
     legendCallback: [Function],
     animation: false,
     title: 
      { display: false,
        position: 'top',
        fullWidth: true,
        fontStyle: 'bold',
        padding: 10,
        text: '' },
     legend: 
      { display: true,
        position: 'top',
        fullWidth: true,
        reverse: false,
        onClick: [Function],
        labels: [Object] },
     tooltips: 
      { enabled: true,
        custom: null,
        mode: 'single',
        backgroundColor: 'rgba(0,0,0,0.8)',
        titleFontStyle: 'bold',
        titleSpacing: 2,
        titleMarginBottom: 6,
        titleFontColor: '#fff',
        titleAlign: 'left',
        bodySpacing: 2,
        bodyFontColor: '#fff',
        bodyAlign: 'left',
        footerFontStyle: 'bold',
        footerSpacing: 2,
        footerMarginTop: 6,
        footerFontColor: '#fff',
        footerAlign: 'left',
        yPadding: 6,
        xPadding: 6,
        yAlign: 'center',
        xAlign: 'center',
        caretSize: 5,
        cornerRadius: 6,
        multiKeyBackground: '#fff',
        callbacks: [Object] },
     scales: { xAxes: [Object], yAxes: [Object] },
     width: 400,
     height: 400 },
  id: 0,
  titleBlock: 
   { ctx: 
      CanvasRenderingContext2D {
        canvas: HTMLCanvasElement {},
        createPattern: [Function],
        drawImage: [Function],
        lastFontString: 'normal 12px \'Helvetica Neue\', \'Helvetica\', \'Arial\', sans-serif',
        lastTextAlignment: 'right',
        lastBaseline: 'middle' },
     options: 
      { display: false,
        position: 'top',
        fullWidth: true,
        fontStyle: 'bold',
        padding: 10,
        text: '' },
     chart: [Circular],
     legendHitBoxes: [],
     maxWidth: NaN,
     maxHeight: NaN,
     margins: { left: NaN, right: 0, top: 0, bottom: 0 },
     width: NaN,
     left: 0,
     right: NaN,
     paddingLeft: 0,
     paddingTop: 0,
     paddingRight: 0,
     paddingBottom: 0,
     minSize: { width: NaN, height: 0 },
     height: 0,
     top: 0,
     bottom: 0 },
  boxes: 
   [ { ctx: [Object],
       options: [Object],
       chart: [Circular],
       legendHitBoxes: [],
       maxWidth: NaN,
       maxHeight: NaN,
       margins: [Object],
       width: NaN,
       left: 0,
       right: NaN,
       paddingLeft: 0,
       paddingTop: 0,
       paddingRight: 0,
       paddingBottom: 0,
       minSize: [Object],
       height: 0,
       top: 0,
       bottom: 0 },
     { ctx: [Object],
       options: [Object],
       chart: [Circular],
       legendHitBoxes: [Object],
       doughnutMode: false,
       maxWidth: NaN,
       maxHeight: NaN,
       margins: [Object],
       width: NaN,
       left: 0,
       right: NaN,
       paddingLeft: 0,
       paddingTop: 0,
       paddingRight: 0,
       paddingBottom: 0,
       minSize: [Object],
       legendItems: [Object],
       lineWidths: [Object],
       height: 32,
       top: 0,
       bottom: 32 },
     { id: 'x-axis-0',
       options: [Object],
       ctx: [Object],
       chart: [Circular],
       hidden: false,
       maxWidth: NaN,
       maxHeight: NaN,
       margins: [Object],
       width: NaN,
       left: NaN,
       right: NaN,
       paddingLeft: NaN,
       paddingTop: 0,
       paddingRight: 22.782000000000004,
       paddingBottom: 0,
       minIndex: 0,
       maxIndex: 5,
       min: 'Red',
       max: 'Orange',
       ticks: [Object],
       labelRotation: 0,
       longestTextCache: [Object],
       minSize: [Object],
       longestLabelWidth: 39.56400000000001,
       height: NaN,
       top: NaN,
       bottom: NaN },
     { id: 'y-axis-0',
       options: [Object],
       ctx: [Object],
       chart: [Circular],
       hidden: false,
       maxWidth: NaN,
       maxHeight: NaN,
       margins: [Object],
       height: NaN,
       top: 32,
       bottom: NaN,
       paddingLeft: 0,
       paddingTop: 0,
       paddingRight: 0,
       paddingBottom: NaN,
       min: Infinity,
       max: -Infinity,
       ticks: [Object],
       start: Infinity,
       end: -Infinity,
       ticksAsNumbers: [Object],
       zeroLineIndex: -1,
       labelRotation: 0,
       minSize: [Object],
       longestTextCache: [Object],
       width: NaN,
       left: 0,
       right: NaN } ],
  legend: 
   { ctx: 
      CanvasRenderingContext2D {
        canvas: HTMLCanvasElement {},
        createPattern: [Function],
        drawImage: [Function],
        lastFontString: 'normal 12px \'Helvetica Neue\', \'Helvetica\', \'Arial\', sans-serif',
        lastTextAlignment: 'right',
        lastBaseline: 'middle' },
     options: 
      { display: true,
        position: 'top',
        fullWidth: true,
        reverse: false,
        onClick: [Function],
        labels: [Object] },
     chart: [Circular],
     legendHitBoxes: [ [Object] ],
     doughnutMode: false,
     maxWidth: NaN,
     maxHeight: NaN,
     margins: { left: NaN, right: 0, top: 0, bottom: 0 },
     width: NaN,
     left: 0,
     right: NaN,
     paddingLeft: 0,
     paddingTop: 0,
     paddingRight: 0,
     paddingBottom: 0,
     minSize: { width: NaN, height: 32 },
     legendItems: [ [Object] ],
     lineWidths: [ 110.22800000000001 ],
     height: 32,
     top: 0,
     bottom: 32 },
  events: 
   { mousemove: [Function],
     mouseout: [Function],
     click: [Function],
     touchstart: [Function],
     touchmove: [Function] },
  scales: 
   { 'x-axis-0': 
      { id: 'x-axis-0',
        options: [Object],
        ctx: [Object],
        chart: [Circular],
        hidden: false,
        maxWidth: NaN,
        maxHeight: NaN,
        margins: [Object],
        width: NaN,
        left: NaN,
        right: NaN,
        paddingLeft: NaN,
        paddingTop: 0,
        paddingRight: 22.782000000000004,
        paddingBottom: 0,
        minIndex: 0,
        maxIndex: 5,
        min: 'Red',
        max: 'Orange',
        ticks: [Object],
        labelRotation: 0,
        longestTextCache: [Object],
        minSize: [Object],
        longestLabelWidth: 39.56400000000001,
        height: NaN,
        top: NaN,
        bottom: NaN },
     'y-axis-0': 
      { id: 'y-axis-0',
        options: [Object],
        ctx: [Object],
        chart: [Circular],
        hidden: false,
        maxWidth: NaN,
        maxHeight: NaN,
        margins: [Object],
        height: NaN,
        top: 32,
        bottom: NaN,
        paddingLeft: 0,
        paddingTop: 0,
        paddingRight: 0,
        paddingBottom: NaN,
        min: Infinity,
        max: -Infinity,
        ticks: [Object],
        start: Infinity,
        end: -Infinity,
        ticksAsNumbers: [Object],
        zeroLineIndex: -1,
        labelRotation: 0,
        minSize: [Object],
        longestTextCache: [Object],
        width: NaN,
        left: 0,
        right: NaN } },
  chartArea: { left: NaN, top: 32, right: NaN, bottom: NaN },
  tooltip: 
   { _chart: 
      { config: [Object],
        ctx: [Object],
        canvas: HTMLCanvasElement {},
        width: NaN,
        height: NaN,
        aspectRatio: 1,
        originalCanvasStyleWidth: '',
        originalCanvasStyleHeight: '',
        currentDevicePixelRatio: 1,
        controller: [Circular] },
     _chartInstance: [Circular],
     _data: { labels: [Object], datasets: [Object] },
     _options: 
      { enabled: true,
        custom: null,
        mode: 'single',
        backgroundColor: 'rgba(0,0,0,0.8)',
        titleFontStyle: 'bold',
        titleSpacing: 2,
        titleMarginBottom: 6,
        titleFontColor: '#fff',
        titleAlign: 'left',
        bodySpacing: 2,
        bodyFontColor: '#fff',
        bodyAlign: 'left',
        footerFontStyle: 'bold',
        footerSpacing: 2,
        footerMarginTop: 6,
        footerFontColor: '#fff',
        footerAlign: 'left',
        yPadding: 6,
        xPadding: 6,
        yAlign: 'center',
        xAlign: 'center',
        caretSize: 5,
        cornerRadius: 6,
        multiKeyBackground: '#fff',
        callbacks: [Object] },
     _model: 
      { xPadding: 6,
        yPadding: 6,
        xAlign: 'center',
        yAlign: 'center',
        bodyFontColor: '#fff',
        _bodyFontFamily: '\'Helvetica Neue\', \'Helvetica\', \'Arial\', sans-serif',
        _bodyFontStyle: 'normal',
        _bodyAlign: 'left',
        bodyFontSize: 12,
        bodySpacing: 2,
        titleFontColor: '#fff',
        _titleFontFamily: '\'Helvetica Neue\', \'Helvetica\', \'Arial\', sans-serif',
        _titleFontStyle: 'bold',
        titleFontSize: 12,
        _titleAlign: 'left',
        titleSpacing: 2,
        titleMarginBottom: 6,
        footerFontColor: '#fff',
        _footerFontFamily: '\'Helvetica Neue\', \'Helvetica\', \'Arial\', sans-serif',
        _footerFontStyle: 'bold',
        footerFontSize: 12,
        _footerAlign: 'left',
        footerSpacing: 2,
        footerMarginTop: 6,
        caretSize: 5,
        cornerRadius: 6,
        backgroundColor: 'rgba(0,0,0,0.8)',
        opacity: 0,
        legendColorBackground: '#fff' },
     _view: 
      { xPadding: 6,
        yPadding: 6,
        xAlign: 'center',
        yAlign: 'center',
        bodyFontColor: '#fff',
        _bodyFontFamily: '\'Helvetica Neue\', \'Helvetica\', \'Arial\', sans-serif',
        _bodyFontStyle: 'normal',
        _bodyAlign: 'left',
        bodyFontSize: 12,
        bodySpacing: 2,
        titleFontColor: '#fff',
        _titleFontFamily: '\'Helvetica Neue\', \'Helvetica\', \'Arial\', sans-serif',
        _titleFontStyle: 'bold',
        titleFontSize: 12,
        _titleAlign: 'left',
        titleSpacing: 2,
        titleMarginBottom: 6,
        footerFontColor: '#fff',
        _footerFontFamily: '\'Helvetica Neue\', \'Helvetica\', \'Arial\', sans-serif',
        _footerFontStyle: 'bold',
        footerFontSize: 12,
        _footerAlign: 'left',
        footerSpacing: 2,
        footerMarginTop: 6,
        caretSize: 5,
        cornerRadius: 6,
        backgroundColor: 'rgba(0,0,0,0.8)',
        opacity: 0,
        legendColorBackground: '#fff' },
     _start: null } }