angular-chart

Angular Charts with some especial requirements

由 六月ゝ 毕业季﹏ 提交于 2019-12-11 23:28:58
问题 I am using Angular Charts in order to achieve what I want, yesterday I did it, but now my client wants some changes, here is the data I am receiving: { "12-15-2015": { "55f6de98f0a50c25f7be4db0": { "conversions": { "total": 0, "amount": 0 }, "clicks": { "total": 8, "real": 1 } } }, "12-16-2015": { "55f6de98f0a50c25f7be4db0": { "conversions": { "total": 0, "amount": 0 }, "clicks": { "total": 18, "real": 1 } } }, "12-17-2015": { "55f6de98f0a50c25f7be4db0": { "conversions": { "total": 1, "amount

Uncaught TypeError: Cannot read property 'draw' of undefined for object scale

由 与世无争的帅哥 提交于 2019-12-11 05:15:18
问题 I am following the Chart.js example. But when I try to render thaat example, I get the following error: Uncaught TypeError: Cannot read property 'draw' of undefined Here is the example I am following. I've done everything accordingly and I have no idea why it would be causing this problem. http://carlcraig.github.io/tc-angular-chartjs/doughnut/ Below is my implementation of the example. My module angular.module('main') .controller('AboutController', ['$scope', function ($scope) { $scope.data

How to handle epic long text at y-axis for angular-chart.js?

由 落爺英雄遲暮 提交于 2019-12-11 03:46:29
问题 I'm building a responsive app that using angular-chart.js . (Not enough repo, sorry) http://i.imgur.com/g648Iws.png http://i.imgur.com/LK1eQCo.png As you can see, some of the text were too long (y-axis) and it squeezed my chart. I tried to truncate the text, but it doesn't look nice if you have larger devices. Is there any way to handle this situation or (truncate dynamically) ? ChartJsProvider.setOptions({ responsive: true, barShowStroke: false, maintainAspectRatio: false // I tried with

set y-axis scale manually in a bar chart using angular-chart.js

由 做~自己de王妃 提交于 2019-12-07 07:18:09
问题 I'm creating a bar chart using angular-chart.js(0.9.0). The version of Chart.js being used along is 1.0.2. In my chart, unfortunately, the range of values is very broad. The highest value being in 90,000s and the lowest values being in 4s or 40s. Due to such a range, the chart is not appearing as I would have wanted it to. For example, in the below chart, the highest value is 42000 and the lowest value is 70. I'm wondering whether we can set the scales of Y-axis manually in Math.pow values i

set y-axis scale manually in a bar chart using angular-chart.js

由 南笙酒味 提交于 2019-12-05 18:05:53
I'm creating a bar chart using angular-chart.js(0.9.0). The version of Chart.js being used along is 1.0.2. In my chart, unfortunately, the range of values is very broad. The highest value being in 90,000s and the lowest values being in 4s or 40s. Due to such a range, the chart is not appearing as I would have wanted it to. For example, in the below chart, the highest value is 42000 and the lowest value is 70. I'm wondering whether we can set the scales of Y-axis manually in Math.pow values i.e have the y axis scale set as 10, 100, 1000, 10000, 100000 and so on. This way I guess I would be able

Angular-Chart.js it doesn't display the chart

由 非 Y 不嫁゛ 提交于 2019-12-04 06:11:47
问题 I am trying to use Angular-chart.js it doesn't display anything for me here is my javascript and html page (function(){ angular.module("app", ["chart.js"]).controller("BarCtrl", function ($scope) { $scope.labels = ['2006', '2007', '2008', '2009', '2010', '2011', '2012']; $scope.series = ['Series A', 'Series B']; $scope.data = [ [65, 59, 80, 81, 56, 55, 40], [28, 48, 40, 19, 86, 27, 90] ]; }); })(); <!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8

Angular-Chart.js it doesn't display the chart

由 孤人 提交于 2019-12-02 10:12:53
I am trying to use Angular-chart.js it doesn't display anything for me here is my javascript and html page (function(){ angular.module("app", ["chart.js"]).controller("BarCtrl", function ($scope) { $scope.labels = ['2006', '2007', '2008', '2009', '2010', '2011', '2012']; $scope.series = ['Series A', 'Series B']; $scope.data = [ [65, 59, 80, 81, 56, 55, 40], [28, 48, 40, 19, 86, 27, 90] ]; }); })(); <!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.2/Chart.min

Extending Existing Chart Types angular chart js using chart js 2.0

由 吃可爱长大的小学妹 提交于 2019-12-01 07:38:26
I'm using the great chart.js (Version: 2.0.2) and angular-chart.js (Version: 1.0.0-beta1) for compatibility purposes. There are a lot of functionalities I would like to add to my project (like adding a horizontal line to a chart or having a rounded corners bar chart ). All theses solutions use Chart.types.[typeOftheChartToExtend].extend({..}). I'm stuck using it with chart.js v2.0, the doc isn't very clear. How can I extend existing chart using chart.js v2.0 ? Any advice or example would be appreciated. Thanks! A bit late answer but you can extend the shape of the element, not the type of the

Extending Existing Chart Types angular chart js using chart js 2.0

由 一世执手 提交于 2019-12-01 05:52:49
问题 I'm using the great chart.js (Version: 2.0.2) and angular-chart.js (Version: 1.0.0-beta1) for compatibility purposes. There are a lot of functionalities I would like to add to my project (like adding a horizontal line to a chart or having a rounded corners bar chart). All theses solutions use Chart.types.[typeOftheChartToExtend].extend({..}). I'm stuck using it with chart.js v2.0, the doc isn't very clear. How can I extend existing chart using chart.js v2.0 ? Any advice or example would be

Angular-Charts - Pie Chart,show labels inside each slice of data

由 断了今生、忘了曾经 提交于 2019-11-30 20:06:04
问题 I am learning stage of angular-chart-js. I am trying to use angular-chart.js to plot a pie chart. But I am unable to find a way for showing labels (not tooltips) on the pie chart, which describe each slice of data. Here is how I did it: angular.module('App').controller('Controller', ['$scope', '$http', '$location', '$window', '$routeParams', function($scope, $http, $location, $window) { var diskDataJson = { "data": [80, 12], "labels": [Used space, Free Space], "colours": ['#9AB6F0', '#C2D3F6'
订阅 angular-chart