Merge pull request #69 from SoftStackFactory/68-transition-labels

68 transition labels

Author: khoadnguyen

src/pages/transition/transition.ts

@@ -91,7 +91,7 @@ export class TransitionPage {
         labels: ["Career", "Finance", "Personal \n Growth", "Health", "Family", "Relationships", "Social life", "Attitude"],
         datasets: [
           {
-            backgroundColor: ["rgba(0,0,255, .6)", "rgba(255,0,0, .6)", "rgba(128,0,128, .6)", "rgba(0,128,0, .6)", "rgba(255,165,0, .6)", "rgba(0,128,128, .6)", "rgba(255,0,255, .6)", "rgba(0,255,0, .6)"],
+            backgroundColor: ["rgba(0,0,255, .2)", "rgba(255,0,0, .2)", "rgba(128,0,128, .2)", "rgba(0,128,0, .2)", "rgba(255,165,0, .2)", "rgba(0,128,128, .2)", "rgba(255,0,255, .2)", "rgba(0,255,0, .2)"],
             borderColor: "black",
             data: [0, 0, 0, 0, 0, 0, 0, 0]
           }
@@ -123,7 +123,7 @@ export class TransitionPage {
             borderColor: 'black',
             rotation: function (context) { if (context.dataIndex === 0 || context.dataIndex === 1 || context.dataIndex === 6 || context.dataIndex === 7) { return 45 / 2 + (45 * context.dataIndex) } else { return 45 / 2 + (45 * context.dataIndex) + 180 } },
             borderRadius: 5,
-            borderWidth: 2,
+            borderWidth: 0,
             color: 'black',
             font: function (context) {
               var width = context.chart.width;