Search Posts

Category: charts

Not able to bind Amchart piechart Legend outside the div and also help me for Custom legend as given in discription

I was working on Amcharts PIE chart, and i got problem in binding legend outside div and also i need custom Legend for Pie chart Here i Have updated code working of PIE chart CODE PEN and I am not able bind as per given style in the ID #PieDivID ” ,as soon as i remove this style, Legend will appear but not in a right place `#PieDivID { position: absolute; right:0px; top:25px; }` and […]

How to change Label color in Donut Morris Chart , (customised label colors)

I want to change Label Color in Morris Donut chart , For BusStop Label Color should be Red For Fence – Label Color should be Blue For Route – Label Color Should be Yellow or anything… Code Pen Example i tried by doing data: [ { label: ‘BusStop’, value:5, labelColor:”#EC407A”, }, { label: ‘Fence’, value: 6, labelColor:”#00897B”, }, { label: ‘Route’, value: 2, labelColor:”#C0CA33″, }], labelColor:”#9CC4E4″, //this is Constant for all label but i need […]

Dynamically set chart type with AngularJS and chart.js

I want to write an AngularJS component which uses a template and a controller to display a chart.js chart that has a dynamic type (bar, line, pie, …) I use angular-chart.js to combine angular and chart.js My template looks like this: <div class=”card”> <div class=”card-body”> <h4 class=”card-title”>{{$}}</h4> Type is set to: {{$ctrl.type ? $ctrl.type : ‘pie’}} <div id=”container” class=”container” style=”width:100%”> <div class=”panel-body”> <canvas id=”chart_test” class=”chart chart-{{$ctrl.type ? $ctrl.type : ‘pie’}}” chart-data=”data” chart-labels=”labels” chart-series=”series” chart-options=”options” chart-dataset-override=”datasetOverride”></canvas> […]

Google visualisation charts

I have a problem with position of my chart, I want to put chart a 100% width from begin to end. my code test.controller(‘testCtrl’, [‘$scope’, function ($scope) { console.log(‘test chart’); var data = google.visualization.arrayToDataTable([ [‘Minute’, ‘A’, ‘B’, ‘C’, ‘D’, ‘E’, ‘F’], [‘0 min’, 0.72, 0.64, 0.55, 0.47, 0.68, 0.39], [”, 0.62, 0.69, 0.65, 0.51, 0.66, 0.37], [’45 min’, 0.69, 0.51, 0.55, 0.43, 0.54, 0.44], [”, 0.79, 0.68, 0.70, 0.57, 0.59, 0.41], [’90 min’, 0.66, 0.71, […]