Advertisement
Guest User

Untitled

a guest
Feb 27th, 2017
65
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.94 KB | None | 0 0
  1. var originalLineDraw = Chart.controllers.line.prototype.draw;
  2. Chart.helpers.extend(Chart.controllers.line.prototype, {
  3. draw: function() {
  4. originalLineDraw.apply(this, arguments);
  5.  
  6. var chart = this.chart;
  7. var ctx = chart.chart.ctx;
  8.  
  9. var index = chart.config.data.lineAtIndex;
  10. if (index) {
  11. var xaxis = chart.scales['x-axis-0'];
  12. var yaxis = chart.scales['y-axis-0'];
  13.  
  14. ctx.save();
  15. ctx.beginPath();
  16. ctx.moveTo(xaxis.getPixelForValue(undefined, index), yaxis.top);
  17. ctx.strokeStyle = '#ff0000';
  18. ctx.lineTo(xaxis.getPixelForValue(undefined, index), yaxis.bottom);
  19. ctx.stroke();
  20. ctx.restore();
  21. }
  22. }
  23.  
  24. });
  25.  
  26. var config = {
  27. type: 'line',
  28. data: {
  29. labels: ["January", "February", "March", "April", "May", "June", "July"],
  30. datasets: [{
  31. label: "My First dataset",
  32. data: [65, 0, 80, 81, 56, 85, 40],
  33. fill: false
  34. }],
  35. lineAtIndex: 2
  36. }
  37. };
  38.  
  39. var ctx = document.getElementById("myChart").getContext("2d");
  40. new Chart(ctx, config);
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement