DevTools: Enable antialiasing in the pie chart.

Source/devtools/front_end/PieChart.js

 /*
  * Copyright (C) 2013 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 47 matching lines @@
         this._innerAddSlice(sliceAngle, color);
     },
 
     /**
      * @param {number} sliceAngle
      * @param {string} color
      */
     _innerAddSlice: function(sliceAngle, color)
     {
         var sliceElement = this.element.createChild("div", "pie-chart-slice");
-        sliceElement.style.webkitTransform = "rotate(" + Number(this._lastAngle).toFixed(2) + "deg)"
+        // translate3d enables antialiasing for the slice.

[pfeldman, 2014/02/25 16:19:30]

Is there a link to the docs / recommendation for this?

+        sliceElement.style.webkitTransform = "translate3d(0, 0, 0) rotate(" + Number(this._lastAngle).toFixed(2) + "deg)"
         var innerSliceElement = sliceElement.createChild("div", "pie-chart-slice-inner");
         innerSliceElement.style.backgroundColor = color;
         innerSliceElement.style.webkitTransform = "rotate(" + Number(sliceAngle).toFixed(2) + "deg)";
         this._lastAngle += sliceAngle;
         if (this._lastAngle > 360)
             console.assert("Pie chard slices are greater than total.");
     }
 }