changes for sales kpi dashboard

git-svn-id: http://15.206.35.175/svn/proteus/business-java/trunk@217743 ce508802-f39f-4f6c-b175-0d175dae99d5

webitm-dashboard/ibase/dashboard/module-resource/sfa/metadataxml/chc/chc_sales_kpi.xml

@@ -118,6 +118,7 @@
                                 {
                                      x_column: 'PRD_MONTH',
                                      y_column: 'SALES_VAL',
+                                     y_column_descr: 'SALES VALUE',
                                      fill: false,
                                      lineTension: 0.1,
                                      pointHoverRadius: 5,
@@ -127,6 +128,7 @@
                                 {
                                      x_column: 'PRD_MONTH',
                                      y_column: 'TARGET_VAL',
+                                     y_column_descr: 'TARGET VALUE',
                                      fill: false,
                                      lineTension: 0.1,
                                      pointHoverRadius: 5,
@@ -137,7 +139,7 @@
                             ],
 							options: {
 							  x_column_label: 'Duration',
-							  y_column_label: 'Sales',
+							  y_column_label: 'Sales ( in \u20B9 )',
 							  percentFactorColumn: 'TARGET_VAL',
                           	  animateScale: true,
                           	  animateRotate: true,
@@ -166,26 +168,55 @@
                                   colors: [[0, 199, 153], [248, 248, 248]]
                                 }
                               ],
-	                          scales: {
-	                               xAxes: [
-	                       					{
-	                       						scaleLabel:{
-		                      						display : '',
-		                       						labelString: ''
-	                       						}
-	                      					}
-	                 			  ],
-	                			  yAxes: [
-	                       					{
-		                      					  scaleLabel:{
-			                      					  display : '',
-			                      					  labelString: ''
-		                      					  }
-	                      					}
-	                  			 ]
-	                           }
-                           }
-                        }
+                              tooltips: {
+                                callbacks: {
+                                    label: function(tooltipItem, data) {
+                                       var label = '\u20B9 ' + tooltipItem.yLabel +  tooltipItem.xLabel ;
+                                       return label;
+                                    },
+                                    title: function(tooltipItem, data) {
+                                       return '';
+                                    }
+                                },
+                                backgroundColor: 'rgba(0,0,0,1)'
+                              }
+                           },
+                          chartScales: {
+                        	 xAxes: [
+                        	 	{
+                        	 		 ticks:
+                        	 		 	{
+			                                callback: function( label, index, labels ) {
+			                                    if ( /\s/.test( label ) ) {
+			                                        return label.split( " " );
+			                                    } else {
+			                                        return label;
+			                                    }
+
+			                                },
+			                                fontSize: 7
+			                            }
+
+                        	 	}
+                        	 ],
+                        	 yAxes: [
+                        	 	{
+                     	 		 	ticks:
+                     	 		 		{
+			                                fontSize: 10,
+											beginAtZero: true,
+											min: 0,
+											callback: function(value, index, values) {
+												if (Math.floor(value) === value) {
+													return value;
+												}
+											}
+			                            }
+                        	 	}
+                        	 ]
+
+                       		}
+                       }
                     }
                 ]]></composite_config>
             </composite>