angularjs - angular-chart.js 1.0.3 - how to show tooltips after animation completes -


i'm trying make doughnut or pie chart values on each piece or tooltips active after animation complete, this: enter image description here

but couldn't make work far - other answers worked older versions of angular-chart.js. far have this(please see full page):

(function(){  	angular.module('chartapp',['chart.js'])  	.config(['chartjsprovider', function (chartjsprovider) {  		  // configure charts  		  chartjsprovider.setoptions({  			//custom colors		  			  chartcolors : [ '#803690', '#00adf9', '#dcdcdc', '#46bfbd', '#fdb45c', '#949fb1', '#4d5360'],  			  responsive: true  		  });  		}])  	  	.controller('doughnutchartcontroller', ['$scope', '$timeout',function ($scope, $timeout) {  		/*********************************** doughnut chart *****************/  		$scope.labels = ["download sales", "in-store sales", "mail-order sales"];  		$scope.data = [300, 500, 100];  		$scope.colors = ["#ff6384","#36a2eb","#ffce56"];  		$scope.options = {   				legend: {   					display: true,   					labels: { fontcolor: '#ffce56'},//yellow  				},  				animation:{  					animatescale:true,  					oncomplete: function(object){  						//this.tooltip.initialize();  					  					}  				},  				title: {  					display: true,  					fontcolor: '#36a2eb',//blue  					text: 'custom chart title'  				},  				tooltips: {  					enabled: true,	//no tooltips on mose hover  					backgroundcolor:'#36a2eb',//blue  					cornerradius: 0, //no border-radius  				}  			};   	}]);  })();
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.js"></script>  <script src="https://cdnjs.cloudflare.com/ajax/libs/chart.js/2.3.0/chart.js"></script>  <script src="https://cdn.jsdelivr.net/angular.chartjs/1.0.3/angular-chart.js"></script>    <div ng-app="chartapp">    <div ng-controller="doughnutchartcontroller">      <canvas id="doughnut" class="chart chart-doughnut"              chart-data="data"               chart-colors="colors"               chart-labels="labels"               chart-options="options">      </canvas>     </div>  </div>

thanks time!!!


Comments

Post a Comment

Popular posts from this blog

aws api gateway - SerializationException in posting new Records via Dynamodb Proxy Service in API -

i getting "__type": "com.amazon.coral.service#serializationexception" as reply in postman & in test console in api gateway trying post record directly dynamodb using api proxy services.. referring aws article - https://aws.amazon.com/blogs/compute/using-amazon-api-gateway-as-a-proxy-for-dynamodb/ here's mapping { "tablename": "tablenamegoeshere", "item": { "id" : "$context.requestid" "eventname" : "$input.path('$.eventname')", "timestamp" : $input.path('$.timestamp'), "answers": "$util.parsejson($input.path('$.answers'))" } } update: did asked ... , worked if try add array of json objects gives me above same error - here's trying now. please - couldnt find on google well #set($inputroot = $input.path('$')) { "tablename": "answer", "item": {
Read more

asp.net - Problems sending emails from forum -

i have been redesigning site has message board, has been written guy looked after site. it has few problems , written in .asp , uses .mdb files database. you can see whole thing here . feel free post if helps, test thing have set using original files , new database. the basic problem when posts message, supposed email sent them, have posted it. when replies, originator supposed message, replier has been posted. i’d have thought @ point in process there should script/file in postmessage.asp? the postmessage.asp page below. <% option explicit %> <!-- #include virtual="common/adovbs.inc" --> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1252"> <meta name="generator" content="microsoft frontpage 4.0"> <meta name="progid" content="frontpage.editor.document"> <title>new page 2</title> <base target="_self"
Read more