首页 文章
  • 2 votes
     answers
     views

    Angular-Charts - 饼图,在每个数据片段内显示标签

    我正在学习角图-js的阶段 . 我试图使用angular-chart.js绘制饼图 . 但我无法找到在饼图上显示标签(而不是工具提示)的方法,饼图描述了每个数据片段 . 我是这样做的: angular.module('App').controller('Controller', ['$scope', '$http', '$location', '$window', '$routeParams', ...
  • 4 votes
     answers
     views

    使用angular-chart.js在条形图中手动设置y轴刻度

    我正在使用angular-chart.js(0.9.0)创建条形图 . Chart.js的版本是1.0.2 . 不幸的是,在我的图表中, Value 范围非常广泛 . 最高值为90,000s,最低值为4s或40s . 由于这样的范围,图表没有像我希望的那样出现 . 例如,在下图中,最高值为42000,最低值为70 . 我想知道我们是否可以在Math.pow值中手动设置Y轴的刻度,即将y轴刻度设...
  • 0 votes
     answers
     views

    角度图表未显示饼图

    我在AngularJS应用程序中遇到问题,而不是使用Chart.JS从角度图表渲染饼图 . 我已将angular.js注册为我的角度模块中的依赖项,如下所示: var app = angular.module("uniSurvey", ["common.services", ...
  • 5 votes
     answers
     views

    如何在angular-chart.js饼图中制作自定义图例

    我在我的网站上使用angular-chart.js来创建一个饼图,我想自定义图例 . 默认情况下,图例显示颜色和标签 . (如下图所示)我想添加该标签的值/数据,就像它在图表的工具提示中所显示的那样 . 这是我的HTML代码: <canvas id="pie" class="chart chart-pie" chart-data="...
  • 2 votes
     answers
     views

    在angular-chart.js中在饼图上显示数据标签

    我使用angular-chart.js创建了一个饼图,它工作得很好 . 现在我需要在饼图的每个部分显示数据值,这不起作用 . 我尝试使用Chart.PieceLabel.js并在选项部分添加了以下代码 . 它没用 . 我不知道如何将它与angular-chart.js一起使用,因为它最初是为chart.js编写的 pieceLabel: { render: 'label' ...
  • 1 votes
     answers
     views

    自动调整图表大小 - AngularChartJS

    我正在使用堆积条形数据图表,以便使用Chart.js 2.0.2 和Angular-Chart 1.0.0显示一些信息 . 我想检测用户何时滚动到图表容器的末尾,然后通过保持图表的比率(高度/宽度)将一些数据添加到图表中 . 问题是,chart.js提供了一个iframe,我不知道如何添加数据并保持bar之间的空间 . 如果我调整画布大小,这不起作用 . 我有一个基本图表,其中options.r...
  • 0 votes
     answers
     views

    Angular Chart.js不显示图表(图例正在显示)

    我正在使用Angular-chart.js包:http://jtblin.github.io/angular-chart.js/ 当我加载页面时,页面底部的图例显示,但图表本身不显示 . 我添加了div来验证数据是否实际填充 . 这是我到目前为止的代码: <div> <span> vm.bvpsData - </span> ...
  • 0 votes
     answers
     views

    将鼠标悬停在外部元素上时触发条/饼图突出显示[chart.js / chart js] [AngularJS] [angular-chart.js]

    我正在使用angular-chart.js来创建仪表板 . 我没有在画布中使用内置图例,而是使用ng-repeat来动态创建具有匹配颜色的标签 . 现在,我想要完成的是:当一个项目悬停在我的自定义图例中时,它会在图表中突出显示该项目,反之亦然 . 我想也许如果我能找到触发工具提示事件的事件我可以操纵它并创建一个ng-mousover表达式... 这有可能吗? 谢谢,Emad
  • 0 votes
     answers
     views

    angular-chart.js不呈现任何图表

    我在angular-project中使用依赖项angular-chart.js在我的管理页面上显示一些数据可视化 . 上周,根据他们的git页面上的README.md,我将angular-chart.js升级到1.1版本,将Chart.hs升级到2.5版本 . 但是自从我升级后,我的图表不再出现...... 有我的代码HTML: <canvas id="bar" clas...
  • 0 votes
     answers
     views

    在Angular-Chart的饼图上重叠传说

    我正在使用角度图表(为了简化我在显示图表和内容时的生活) . 到目前为止,it had been pretty straightforward和我能够完美地呈现我的饼图 . HTML: <canvas id="pie" class="chart chart-pie" chart-data="data" chart-labels=...
  • 1 votes
     answers
     views

    generator-angular-fullstack和angular-chart.js不显示图表

    我一直在使用角度一段时间,但这是我第一次尝试使用yeoman和generator-angular-fullstack . 我试图使用angular-chart.js在视图中显示图表 . poll.html加载时没有任何问题,只显示未显示的图表,并正确显示所有内容 . Devtools在所有文档上显示状态200,我可以看到chart.js,angular-chart.js和angular-cha...
  • 0 votes
     answers
     views

    angular-chart.js圆环图:如何在图表中心显示数据

    我正在使用angular-chart.js库(https://jtblin.github.io/angular-chart.js/)来实现圆环图,我有一个要求我想在图表中间显示总数据,如下所示 Check this image 我可以使用当前的库支持吗?非常感谢你的帮助!
  • 0 votes
     answers
     views

    角动态图生成

    我正在使用Chart Js和Angular Chart Directive . 我在ng-repeat指令中动态地需要条形图 . https://jtblin.github.io/angular-chart.js/ 根据他们的文档,我必须给出两个数组 $scope.labels = ['2006', '2007', '2008', '2009', '2010', '2011', '2012'];...
  • 1 votes
     answers
     views

    向chart.js对象添加额外数据

    我是使用chart.js或angular-charts的新手 . 我想要做的是将额外的数据添加到正在构建的图表对象中,这样我就可以使用它在图表外部显示长字段名称 . 目前字段名称在图表上太长,所以我们在对象中有一个字段名称和一个长字段名称 . 但是,当我构建图表对象时,它只会通过短标签发送 . 我希望能够以某种方式将长字段名称传递给图表对象并引用它 . $rootScope.hoverLongFi...
  • 0 votes
     answers
     views

    angular-chart.js - 定义设置Y轴宽度

    我正在使用angular-chart.js(使用Chart.js)创建条形图,此下还有一个表格显示相同的数据 . 我遇到的问题是当我更改正在显示的数据时,Y轴标签会改变宽度并使所有内容不对齐,例如: 图表和表格在第一张图片中对齐,但是当数据发生变化时(最大Y轴标签3个字符从4减少),它看起来像第二张图片 . 我在chart.js文档中找不到任何内容,有没有办法可以全局设置Y轴标签的宽度?
  • 1 votes
     answers
     views

    未捕获的TypeError:无法读取对象比例的未定义属性'draw'

    我正在关注Chart.js示例 . 但是当我尝试渲染thaat示例时,我收到以下错误: 未捕获的TypeError:无法读取undefined的属性'draw' 这是我所遵循的例子 . 我已经做了相应的事情,我不知道为什么会导致这个问题 . http://carlcraig.github.io/tc-angular-chartjs/doughnut/ 下面是我对该示例的实现 . 我的模块 a...
  • 13 votes
     answers
     views

    在angular-chart.js圆环图上渲染一个图例

    我已经遵循angular-chart.js文档,并创建了一个图表,但无法使用它渲染图例 . 我不明白为什么它不起作用 . 文档:http://jtblin.github.io/angular-chart.js/类似的问题:How to color legend in angular-chart.js <div class="panel-body" ng-controlle...
  • 1 votes
     answers
     views

    角度图表不显示

    尝试使用带有从cdn链接获取的chart.js包的角度图表 . Angular是1.5.7,chart.js是2.1.6 . 我收到以下错误: angular.js:13708 TypeError :(中间值)[type]不是createChart(angular-chart.js:197)的函数,位于angular-chart.js:150的Scope . $ digest(angular....
  • 0 votes
     answers
     views

    angular-chart.js提供者和注射器不工作

    我甚至已经能够通过安装阶段 . 按照angular-chart.js site(特别是饼图示例)中列出的指示,我为所有组件添加了正确的依赖项,但是我与另一个依赖项冲突或者我以错误的顺序调用了注入 . 这是我的 app.js : angular.module("datapoint", ['ngSanitize', 'ngCsv', 'chart.js', 'angular-cha...
  • 3 votes
     answers
     views

    角度图表默认情况下如何显示图例数据值以及图例名称

    我正在使用angularjs图表,Chart.min.js和angular-chart.min.js 它仅显示图例中的“标签”,我希望默认情况下还可以看到“数据”以及标签,作为图例的一部分或在饼图部分本身内 . 任何人都可以帮忙吗? HTML: <div class="col-lg-6 col-sm-12" ng-controller="PieCtrl&...
  • 1 votes
     answers
     views

    自定义角度图表工具提示

    我正在使用Angular Chart,我需要自定义工具提示 . 目前饼图上的工具提示显示如下 . 它们也是重叠的 . 我需要显示类似于此的工具提示 . 我怎样才能做到这一点?
  • 2 votes
     answers
     views

    具有多条水平线(边距)的角度图/折线图

    我正在尝试创建一个具有四条水平线(边距 - 两个上边距和两个下边距)的agular折线图 . 请看这个小提琴 - https://jsfiddle.net/CypressMountain/arq34fcu/30/ 我的目标是在角度控制器内定义这些线的属性(值,颜色,标签),但不在JQuery折线图扩展内,因为它目前在小提琴中完成 . 图形属性以及边距线属性将来自后端,边距线将独立于图形绘制 . ...
  • 0 votes
     answers
     views

    在angular-chart.js中使图例大小不变

    我在angularjs中使用angular-chart.js 我想将饼图的图例大小固定为固定量并使它们对齐 . 这就是我现在所拥有的 我希望第一个饼图也具有与其他两个相同的尺寸,并且图例在同一行中开始,如下图所示 . 部分代码如下: HTML <!-- Staffing chart --> <div style="float:left; display:inline-...

热门问题