Advertisement
Guest User

Untitled

a guest
Aug 24th, 2016
1,775
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.  
  2. var barOptions = {
  3.         scales:{
  4.             xAxes:[{
  5.                 gridLines:{display:false}
  6.             }],
  7.             yAxes: [{
  8.                 gridLines:{display:false}
  9.             }]
  10.         },
  11.         hover: {
  12.             onHover: handleHover
  13.         },
  14.     animation:{
  15.          onComplete: function () {
  16.                 var ctx = this.chart.ctx;              
  17.                 ctx.font = Chart.helpers.fontString(Chart.defaults.global.defaultFontFamily, 'normal', Chart.defaults.global.defaultFontFamily);
  18.                 ctx.textAlign = 'center';
  19.                 ctx.textBaseline = 'bottom';
  20.                
  21.                 this.data.datasets.forEach(function (dataset) {
  22.                     for (var i = 0; i < dataset.data.length; i++) {
  23.                         var model = dataset._meta[Object.keys(dataset._meta)[0]].data[i]._model,
  24.                             scale_max = dataset._meta[Object.keys(dataset._meta)[0]].data[i]._yScale.maxHeight;
  25.                         ctx.fillStyle = '#444';
  26.                         var y_pos = model.y - 5;
  27.                         if ((scale_max - model.y) / scale_max >= 0.5)
  28.                             y_pos = model.y + 20;
  29.                         ctx.fillText(dataset.data[i], model.x, y_pos);    
  30.                     }
  31.                 });              
  32.             }
  33.     }
  34. };
  35.  
  36. var     chartBar      = new Chart(ctx, {
  37.                 type: 'bar',
  38.                 data: data,
  39.                 options: barOptions,
  40.             });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement